﻿/* html tags */
body { margin: 0 0 0 0; padding: 0; background-color: #000; font-family: Arial, Helvetica, sans-serif; }
p { letter-spacing: 0.2px; word-spacing: 0.1px; line-height: 17px; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.6px; word-spacing: 0.1em; margin: 0 0 -2px 0; text-transform: capitalize; /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ }
h1 { font-size: 15pt; }
h2 { font-size: 13pt; }
h3 { font-size: 11pt; }
h4 { font-size: 10pt; }
h5 { font-size: 8pt; }
h6 { font-size: 7pt; }
td { vertical-align: top; }
a:link { color: #885c00; }
a:visited { color: #664500; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #221700; }
ul { margin: 0; padding: 0; }
li { line-height: 1.4em; margin: 0 0 0 20px; padding: 0 0 0 0; list-style-position: outside; list-style-type: square; display: list-item; }

/* Header */
#header { margin: 0 0 0 0; padding: 0; background: #000 url(images/background-header.gif) repeat-x; width: 100%; height: 120px; border-bottom: solid 3px #decaae; }
#header .wrapper { background: transparent url(images/logo-header.gif) no-repeat; height: 120px; }
#header .left { float: left; }
#header .right { float: right; text-align: right; }
#logo { /*float: left;*/ margin: 7px 0 0 0; padding: 8px 0 0 0; /*background: transparent url(images/logo.gif) no-repeat; 	height: 80px; 	width: 410px;*/ }
#logo a.logo, #logo a.logo:link, #logo a.logo:hover, #logo a.logo:active, #logo a.logo:visited { display: block; height: 80px; width: 405px; }
/*
#logo a.logotext, #logo a.logotext:link, #logo a.logotext:hover, #logo a.logotext:active, #logo a.logotext:visited{
	display: block;
	height: 15px;
	width: 90px;
}
#logo img{
	vertical-align: top;
}
*/
#search { /*float: right;*/ padding: 12px 10px 10px 0; display: block; }
#search .box { padding: 10px 10px 12px 10px; border: solid 1px #decaae; background: #fbfbf7 url(images/background-body.gif) repeat-x; }
#search .formfield { /*border: solid 1px #decaae;*/ }
#search .formbutton { /*background-color: #decaae;*/ }

/* Navigation */
#smallnavigation { color: #f6f6ee; padding: 17px 10px 0 0; font-size: 8pt; }
#smallnavigation a, #smallnavigation a:link { color: #f6f6ee; text-decoration: none; font-weight: bold; padding: 0 3px 0 3px; }
#smallnavigation a:hover { color: #decaae; text-decoration: underline; }
#navigation { clear: both; text-align: right; margin: 0 0 0 0; /*margin-top: -7px; 	float: right;*/ /*margin: -1px 0 -12px 0;*/ padding: 0 0 6px 0; font-weight: bold; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.4px; }
#navigation ul { padding: 0 0 0 0; margin: inherit; }
#navigation li { display: inline; list-style-type: none; padding: 0 10px 0 0; margin: 0 auto; }
#navigation a, #navigation a:link, #navigation a:visited { color: #f6f6ee; text-decoration: none; }
#navigation a:hover, #navigation a:active, #navigation a.selected, #navigation a.selected:link, #navigation a.selected:hover, #navigation a.selected:active, #navigation a.selected:visited { color: #decaae; /*background-image: url(images/background-navigation.gif);  	background-repeat: no-repeat; background-position: center bottom;*/ background: transparent url(images/background-navigation.gif) no-repeat; background-position: center bottom; padding: 0 0 6px 0; }

/* Body */
#body { margin: 0 0 0 0; padding: 10px 10px 10px 10px; background-color: #f6f6ee; /*#f6f6ee;*/ /*background: #fbfbf7 url(images/background-body.gif) repeat-x;*/ font-size: 10pt; }
#body .left { float: left; width: 440px; padding: 0 5px 0 0; }
#body .right { float: right; width: 440px; padding: 0 0 0 5px; }
#body .leftlarge { float: left; width: 640px; padding: 0 5px 0 0; border-right: solid 1px #efe5d7; }
#body .rightsmall { float: right; width: 240px; padding: 0 0 0 5px; }
#body .leftsmall { float: left; width: 240px; padding: 0 5px 0 0; border-right: solid 1px #efe5d7; }
#body .rightlarge { float: right; width: 640px; padding: 0 0 0 5px; }
#body .leftrelease { float: left; width: 260px; padding: 0 5px 0 0; }
#body .rightrelease { float: right; width: 620px; padding: 0 0 0 5px; }
#body .leftproduct { float: left; width: 110px; padding: 0 5px 0 0; }
#body .rightproduct { float: right; width: 770px; padding: 0 0 0 5px; }
.information h1 { color: #25221b; margin: 0 0 -5px 0; padding: 0 0 0 0; }
.rightrelease .information { /*float: left; 	width: 250px;*/ margin-bottom: 10px; }
.rightrelease .addtocart { /*float: right;*/ }
.sectionheader { color: #25221b; display: block; width: 100%; padding: 0 0 0 0; margin: 4px 0 4px -1px; border: solid 1px #decaae; background: #fbfbf7 url(images/background-body.gif) repeat-x; /*background: #fbfbf7 url(images/background-section-header.gif) repeat-x bottom;*/ }
.subsectionheader { color: #25221b; display: block; width: 100%; padding: 0 0 0 0; margin: 4px 0 4px -1px; border: solid 1px #decaae; background-color: #fbfbf7; }
.sectionheader h1, .subsectionheader h3 { padding: 3px 0 3px 4px; }
.sectionheader .left, .subsectionheader .left { float: left; }
.sectionheader .right, .subsectionheader .right { float: right; text-align: right; margin: 6px 1px 0 0; color: #decaae; }
.sectionheader .right a, .sectionheader .right a:link { display: inline; padding: 0 5px 0 5px; font-weight: bold; font-size: 10pt; }
.sectionheader .right a:hover { text-decoration: underline; }
.sectionheader a, .sectionheader a:link, .subsectionheader a, .subsectionheader a:link { display: block; color: #25221b; text-decoration: none; }
.sectionheader a:hover, .subsectionheader a:hover { color: #5c5a54; text-decoration: none; }
.sectionfooter { color: #25221b; font-weight: bold; display: block; width: 100%; margin: 4px 0 4px -1px; padding: 0 0 0 0; border: solid 1px #efe5d7; text-align: right; }
.sectionfooter a.rss, .sectionfooter a.rss:link, .sectionfooter a.rss:visited { display: block; padding: 3px 2px 5px 4px; font-weight: bold; text-decoration: none; }
.sectionfooter a.rss, .sectionfooter a.rss:link img, .sectionfooter a.rss:visited img { margin-bottom: -2px; }
.sectionfooter a, .sectionfooter a:link { display: block; color: #25221b; text-decoration: none; }
.sectionfooter a:hover { color: #5c5a54; text-decoration: underline; }
.highlight { margin: 2px 0 4px 0; }
.highlight .leftcover { float: left; width: 115px; }
.highlight .righttext { float: right; width: 315px; }
.highlight img { margin: 3px 5px 4px 4px; border: solid 1px #25221b; }
.highlight a, .hightlight a:link, .hightlight a:active, .hightlight a:visited { display: block; text-decoration: none; color: #25221b; border: solid 1px #efe5d7; padding: 3px 3px 3px 3px; }
.highlight a:hover { color: #000; background-color: #fbfbf7; border: solid 1px #decaae; padding: 3px 3px 3px 3px; }
.highlight h3 { margin: 0 0 -8px 0; }
.highlight p { margin-top: -4px; }
.title { font-size: 10pt; font-weight: bold; text-transform: uppercase; }
.subtitle { color: #5c5a54; font-size: 8pt; font-weight: bold; text-transform: capitalize; margin-bottom: 2px; }
h2.subtitle { font-size: 9pt; letter-spacing: 0px; }
.smallsubtitle { font-size: 7pt; font-weight: bold; text-transform: capitalize; color: #f6f6ee; background-color: #5c5a54; margin: 0 auto; padding: 1px 0 1px 0; width: 85%; }
.storelabel { color: #f6f6ee; background-color: #5c5a54; margin: 0 auto; padding: 1px 2px 1px 2px; display: inline; }
.label { font-size: 8pt; font-weight: bold; text-transform: capitalize; padding: 2px 0 0 0; }
.releasenumber { font-size: 7pt; font-weight: bold; text-transform: capitalize; margin-top: 2px; }
.description { color: #000; font-size: 10pt; margin: 2px 0 0 0; padding: 2px 0 0 0; border-top: solid 1px #efe5d7; }
.more { font-weight: bold; }
.blurb { margin: 0 0 0 0; }
.cover { border: solid 1px #25221b; }
.sidebar { }
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { /*color: #000; 	border-bottom: solid 1px #decaae; 	padding: 3px 3px 3px 3px;*/ }
.controls { /*color: #000; 	background-color: #fbfbf7;*/ border: solid 1px #efe5d7; padding: 3px 3px 3px 3px; margin: 4px 0; font-weight: bold; }
#body .controls .right { text-align: right; width: 240px; padding: 0 5px 0 0; }
#store .controls .right { width: 440px; }
.pointer { cursor: pointer; }
.leftcheckout { float: left; width: 180px; font-weight: normal; font-size: 9pt; }
.status { color: #decaae; }
.status .current { color: #885c00; margin: 0 10px 0 0; }
.status .done { color: #decaae; margin: 0 10px 0 0; }
.status .numbercurrent { color: #f6f6ee; background-color: #885c00; padding: 0 5px 0 5px; margin: 0 5px 0 10px; }
.status .numberdone { color: #f6f6ee; background-color: #decaae; padding: 0 5px 0 5px; margin: 0 5px 0 10px; }
.status span { /*margin: 0 10px 0 10px;*/ }
.boxes { height: 200px; }
#bands { margin: 0 0 0 0; padding: 0 0 0 0; }
#bands .boxes { float: left; padding: 0 0 25px 0; display: inline; width: 33%; height: 130px; /*text-align: center;*/ }
#releasessmall .boxes, #pictures .boxes { width: 33%; height: 160px; }
/* #store img, */
#bands .boxes img, #releases .boxes img, #releasessmall .boxes img, #pictures .boxes img { display: block; margin-left: auto; margin-right: auto; border: solid 1px #25221b; }
#bands .boxes a, #bands .boxes a:link, #releases .boxes a, #releases .boxes a:link, #releasessmall .boxes a, #releasessmall .boxes a:link, #pictures .boxes a, #pictures .boxes a:link, #store .row a, #store .row a:link, #store .altrow a, #store .altrow a:link { display: block; text-decoration: none; color: #25221b; padding: 4px 4px 4px 4px; }
#store a, #store a:link { text-decoration: none; }
#store a:link .description { color: #25221b; }
#store a:link .more { display: block; font-size: 8pt; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
#bands .boxes a:hover, #releases .boxes a:hover, #releasessmall .boxes a:hover, #pictures .boxes a:hover { color: #000; background-color: #fbfbf7; border: solid 1px #decaae; padding: 3px 3px 3px 3px; }
#bands .boxes a:hover img, #releases .boxes a:hover img, #releasessmall .boxes a:hover img, #pictures .boxes a:hover img { border: solid 1px #25221b; }
#releases .boxes .subtitle, #releasessmall .boxes .subtitle, #pictures .boxes .subtitle { color: #5c5a54; }
#releases .boxes a:hover .subtitle { /*color: #decaae;*/ }
#store select { text-transform: capitalize; }
/*
ul.navigation {
    padding: 0 0 0 0;
	margin: 0 0 0 4px;
}
.navigation li{
	list-style-type: none;
}
*/
.navigation a, .navigation a:link { font-weight: bold; text-decoration: none; text-transform: capitalize; }
.navigation a:hover { text-decoration: underline; text-transform: capitalize; }
.addtocart { /*width: 250px; 	display: inline;*/ /*text-align: right;*/ vertical-align: top; padding: 2px 0 0 0; /*border: solid 1px #efe5d7;*/ }
.addtocart .sale { color: #ff0000; }
.addtocart .format { color: #5c5a54; font-size: 8pt; font-weight: bold; }
.addtocart input { margin: 2px 0 0 0; /*font-size: 12pt;*/ }

/* Features */
#features { width: 100%; height: 350px; border-top: solid 3px #decaae; background: #25221b url(images/background-features.gif) repeat-x; padding: 0; color: #decaae; font-size: 10pt; font-weight: bold; }
#features .placeholder { display: block; height: 75px; width: 75px; background-color: #decaae; margin: 4px 0 8px 0; }
#features h2 { color: #f6f6ee; padding: 5px 0 5px 15px; }
#features h2 a, #features h2 a:link { color: #f6f6ee; text-decoration: none; }
#features h2 a:hover { color: #decaae; text-decoration: none; }
#comingsoon { float: left; padding: 0 10px 0 0; width: 130px; }
#outnow { float: left; /*width: 530px;*/ width: 760px; }
#comingsoon .boxes, #outnow .boxes { height: 150px; }
#sitemap { padding-left: 10px; }
#sitemap h2 a, #sitemap h2 a:link { color: #25221b; text-decoration: none; }
#sitemap h2 a:hover { color: #5c5a54; text-decoration: underline; }
.boxes { float: left; /*margin: 10px 5px 25px 20px;*/ padding: 0 0 10px 0; display: inline; width: 125px; text-align: center; }
.boxes img { display: block; margin-left: auto; margin-right: auto; border: solid 1px #f6f6ee; }
.boxes a, .boxes a:link, .boxes a:active, .boxes a:visited { display: block; text-decoration: none; color: #decaae; padding: 4px 4px 4px 4px; }
.boxes a:hover { color: #000; background-color: #f6f6ee; border: solid 1px #decaae; padding: 3px 3px 3px 3px; }
.boxes .subtitle { color: #f6f6ee; }
.boxes a:hover .subtitle { color: #5c5a54; }
.boxes a:hover img { border: solid 1px #25221b; }

/* Footer */
#footer { width: 100%; height: 25px; border-top: solid 1px #decaae; padding: 8px 0 0 0; color: #decaae; font-size: 8pt; font-weight: bold; }
#footer .left { float: left; padding: 0 5px 0 0; }
#footer .right { float: right; padding: 0 0 0 5px; }
#footer ul { padding: 0 0 0 0; margin: inherit; }
#footer li { display: inline; list-style-type: none; padding: 0 10px 0 0; margin: 0 auto; }
#footer a, #footer a:link { color: #decaae; text-decoration: none; }
#footer a:hover { color: #f6f6ee; text-decoration: underline; }
#footer a:visited, #footer a:active { color: #f6f6ee; text-decoration: none; }

/* Form Elements */
label { font-weight: bold; font-size: 9pt; }
td label { float: right; text-align: right; margin-top: 4px; }
.checkbox label { font-weight: normal; float: none; }
td .alignright { clear: both; text-align: right; }
.formtable { margin-left: 5px; }
fieldset { border: solid 1px #decaae; margin: 0 0 20px 0; padding: 6px 4px; }
legend { color: #000; /*letter-spacing: -0.6px; 	word-spacing: 0.1em;*/ padding: 0 2px 4px 2px; margin: 0 0 0 0; font-size: 12pt; font-weight: bold; }
.formelements { clear: left; /*display: block; 	width: 300px; 	text-align: right; 	margin: 5px 0 0 0; 	padding: 1px 3px;*/ }
.formelements label, .formelements input, .formelements select { display: block; float: left; width: 180px; /*padding: 3px 5px;*/ margin: 0 0 10px 0; }
.formelements label { padding-right: 20px; text-align: right; margin: 0 0 0 0; }
.formelements-check { clear: left; text-align: center; }
.formelements-button { clear: left; display: block; text-align: center; margin-top: -10px; }
.forgot { text-align: right; }

/* News */
#news .subtitle { display: block; width: 180px; float: left; }

/* Other Layout Elements */
.wrapper { margin: 0 auto; width: 900px; display: block; }
.clear { clear: both; }
.placeholder { display: block; height: 250px; width: 100%; background-color: #000; margin: 0 0 0 0; }
.left p, .right p { margin: 8px 0 0 0; }
.required { color: #885c00; font-size: 9pt; font-weight: bold; }
p.required { margin-top: -10px; padding-top: 0; }
.paging a { padding: 0 3px 1px 3px; text-decoration: none; }
.paging a:link, .paging a:visited { color: #25221b; }
.paging a:hover, .paging a:active { color: #f6f6ee; background-color: #25221b; }
.paging a.here, .paging a.here:link, .paging a.here:active, .paging a.here:visited { color: #f6f6ee; background-color: #25221b; border: solid 1px #000; }
.paging a.here:hover { background-color: #5c5a54; }
.paging img { border: 0; }
.paging { font-weight: bold; font-size: 8pt; display: block; text-transform: capitalize; }
.button { font-weight: bold; font-size: 8pt; }
a.button, a.button:link, a.button:visited, a.button:active { color: #f6f6ee; background-color: #25221b; padding: 0 3px 1px 3px; text-decoration: none; border: solid 1px #000; }
a.button:hover { background-color: #5c5a54; }
.modalbox { /*padding: 4px 4px 4px 4px;*/ background-color: #f6f6ee; border: solid 1px #25221b; }
.modalopacity { background-color: #000; /*filter: alpha(opacity=70);*/ opacity: 0.4; }
.modalbox .controls { text-align: center; }
.modalopacityprogress { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 0 0 0 0; margin: 0 0 0 0; background-color: #000; /*filter: alpha(opacity=70);*/ opacity: 0.4; }
.modalheader { margin: 0 0 0 0; padding: 6px 4px 6px 4px; background-color: #25221b; text-align: right; }
.modalbody { padding: 4px 3px 4px 3px; }
.modalfooter { padding: 4px 4px 4px 4px; text-align: center; }
.modalheader a.button, .modalheader a.button:link, .modalheader a.button:visited, .modalheader a.button:active { color: #f6f6ee; background-color: #5c5a54; margin: 0 0 0 0; padding: 0 4px 0 4px; border: solid 1px #f6f6ee; }
.modalheader a.button:hover { background-color: #000; }
.modalbody a:link img, .modalbody a:visited img, .modalbody a:active img, .modalbody a:hover img { border: solid 1px #25221b; }
.alignright { display: block; text-align: right; padding-right: 5px; }
.divider { display: block; padding-top: 10px; border-bottom: solid 1px #efe5d7; }
img.newbadge { float: left; padding: 0 5px 0 0; margin: -4px 0 0 0; }
img.border { border: solid 1px #25221b; }
.smalltext { font-size: 8pt; }

/* Gridview */
.header { font-size: 9pt; color: #25221b; /*#fbfbf7;*/ background: #fbfbf7 url(images/background-body.gif) repeat-x; /*#25221b url(images/background-features.gif) repeat-x;*/ text-align: left; border-bottom: solid 1px #decaae; }
.row { font-size: 9pt; background-color: #f6f6ee; border-top: solid 1px #decaae; }
.altrow { font-size: 9pt; background-color: #fbfbf7; /*background: #fbfbf7 url(images/background-body.gif) repeat-x;*/ border-top: solid 1px #decaae; }
.footer { /*color: #fbfbf7; 	background-color: #25221b;*/ font-size: 9pt; color: #25221b; background: #fbfbf7 url(images/background-body.gif) repeat-x; text-align: left; border-top: solid 1px #decaae; }
.rowselected { font-size: 9pt; background-color: #ffffcc; border-top: solid 1px #decaae; }

/* Status */
.error { color: #ff0000; font-weight: bold; }
.errorbox { border: solid 1px #5c5a54; padding: 5px 8px 5px 8px; margin: 12px 0 10px 0; background-color: #f9ccc4; /*#ffffcc;*/ font-family: Verdana, Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; font-weight: bold; }
.okbox { border: solid 1px #5c5a54; padding: 5px 8px 5px 8px; margin: 12px 0 10px 0; background-color: #e6ffcc; font-family: Verdana, Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; font-weight: bold; }
.statusbox { border: solid 1px #5c5a54; padding: 5px 8px 5px 8px; margin: 12px 0 10px 0; background-color: #ffffcc; font-family: Verdana, Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; font-weight: bold; }

/* Media Player */
.player { padding-top: 2px; }

/* Tags */
.CloudTag1, .CloudTag2, .CloudTag3, .CloudTag3, .CloudTag4, .CloudTag5, .CloudTag6 { margin: 0px; padding: 0px; display: inline; }
a.CloudTag1:link, a.CloudTag1:visited, a.CloudTag1:active { margin-right: 6px; text-decoration: none; color: #25221b; font-size: 225%; font-weight: 900; }
a.CloudTag2:link, a.CloudTag2:visited, a.CloudTag2:active { margin-right: 6px; text-decoration: none; color: #827665; font-size: 175%; font-weight: 800; }
a.CloudTag3:link, a.CloudTag3:visited, a.CloudTag3:active { margin-right: 6px; text-decoration: none; color: #b0a18a; font-size: 150%; font-weight: 600; }
a.CloudTag4:link, a.CloudTag4:visited, a.CloudTag4:active { margin-right: 6px; text-decoration: none; color: #c3b198; font-size: 120%; font-weight: 500; }
a.CloudTag5:link, a.CloudTag5:visited, a.CloudTag5:active { margin-right: 6px; text-decoration: none; color: #decaae; font-size: 100%; font-weight: 300; }
a.CloudTag6:link, a.CloudTag6:visited, a.CloudTag6:active { margin-right: 6px; text-decoration: none; color: #e5d6bf; font-size: 80%; font-weight: 200; }
a.CloudTag7:link, a.CloudTag7:visited, a.CloudTag7:active { margin-right: 6px; text-decoration: none; color: #eae0ce; font-size: 60%; font-weight: 100; }

a.CloudTag1:hover, a.CloudTag2:hover, a.CloudTag3:hover, a.CloudTag4:hover, a.CloudTag5:hover, a.CloudTag6:hover, a.CloudTag7:hover { background-color: #fbfbf7; text-decoration: none; }


/* Trace */
#__asptrace { background-color: #fff; }
