/* LAYOUT */
body { color:#CCC; background:#000; width:100%; font: 62.5% Arial, Helvetica, Verdana, sans-serif; }
#bodyCenter { background-color:#fff; margin:0 auto; padding:6px 0 12px; width:960px; }
.left { float:left; display: inline; }
.right { float:right; display: inline; text-align: left; }
.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.header { height: 125px; position: absolute; overflow: hidden; top: 20px; }
.logo { float: right; width: 100%; display: inline; }
.content { margin-top: 120px; position: absolute; }
.center { margin: 0 auto; overflow: hidden; text-align: center; }
/*#current-shows { position: absolute; z-index: 1; top: 0px; margin: 0px; padding: 0px; }
#archive-shows { position: absolute; z-index: 2; top: 0px; margin: 0px; padding: 0px; }*/
.show { visibility: visible; }
.hide { visibility: hidden; }
.more { display: none; width: 100%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666; margin-top: 10px; margin-bottom: 10px; float: left; background-color: #333; }

/* Margin and padding */
.topGap { margin-top:20px; }
.topPad { padding-top:20px; }
.rightGap { margin-right:20px; }
.rightPad { padding-right:20px; }
.botGap { margin-bottom:20px; }
.botPad { padding-bottom:20px; }
.leftGap { margin-left:20px; }
.leftPad { padding-left:20px; }

/* COMMON STYLES */
p { font-size:1.2em; line-height:1.38em; margin:0 0 1em 0; }
ul, ol { font-size:1.2em; margin:0 0 1em 0; }
ul ul, ul ol, ol ul { font-size:1em; margin:0; }
em { left:-9999em; position:absolute; top:-9999em; }
img { clear: both; margin: 5px 10px; }

/* LINKS */
a { color:#999; /*border-bottom:1px solid #666;*/ text-decoration:underline; font-weight: bold; }
a:hover { border-bottom:none; color:#FFF; text-decoration:none; font-weight: bold; }
a:focus { border-bottom:none; text-decoration:none; border-top-style: none; border-right-style: none; border-left-style: none; }
a img { border:none; vertical-align:top; text-decoration: none; }
.center a img { margin:0; }
.logo a { border-bottom:none; color:#FFF; text-decoration:none; }
.news-archive{ text-align: right; clear: both; width: 100px; padding: 10px 10px 0px; position: absolute; top: 0px; right: 0px; }

/* HEADINGS */
h1.logo { margin:0; clear:left; color:#FFF; font-size:60px; font-weight:bold; line-height:1em; margin:0.4em 0 0em; text-align: right; }
h1 { color:#FFF; font-size:1.8em; font-weight:normal; }
h2 { color:#CCC; font-size:1.6em; font-weight:bold; line-height:1.38em; border-bottom: 1px dashed #666; margin-right: 15px; margin-bottom: 10px; margin-left: 15px; }
h3 { color:#999; font-size:1.4em; font-weight:bold; line-height:1.38em; }
h4 { font-size:1.3em; font-weight:bold; line-height:1em; margin:0 0 1em 0; }
h2.price { margin: 0px; border-bottom: 1px dashed #666; }

/* MAIN NAVIGATION */
#headerNav { font-size:1.2em; font-weight:bold; margin:0px 0px 20px; bottom:0px; right: 0px; position: absolute; height: 20px; }
#headerNav li { display:inline; float:right; margin: 0px; }
#headerNav li a { border-right:1px solid #999; display:block; margin:0em 0 0; padding:0px 10px; width:auto; text-decoration: none; border-bottom:none; }
#headerNav li.selected a { color:#FFF; }
#headerNav li.selected { border-right:0; border-left:0; }
#headerNav li.right a { border-right:0; }
#headerNav li.selectRight a { border-right:0; }
.icons{ position: relative; clear: both; margin-top: 5px; display: block; }

/* BREADCRUMB */
#breadcrumb { font-size:0.8em; margin:108px 0 0 10px; padding:0; position: absolute; list-style: url(none) none; }
#breadcrumb li { background:url(../images/breadcrumb-arrow.png) no-repeat 100% 60%; float:left; line-height:1.6em; margin:0 4px 0 0px; padding:0 12px 0 0; display: inline; }
#breadcrumb li a { display:block; color:#FFF; text-decoration: none; font-weight: normal; }
#breadcrumb li.current { background:url(none); color:#FFF; }

/* BOX */
.box { position: relative; float: left; display: inline; }
.box p { margin: 0; padding: 0.5em 1.2em 0.4em; overflow: auto; }
.box ul { margin: 0; padding: 0.5em 1.2em; overflow: auto; }
.box ol { margin: 0; padding: 0.5em 1.2em; overflow: auto; }
.box h1 { padding-top: 4px; padding-right: 0.6em; padding-left: 0.6em; height: 26px; }
.box h2 { padding: 0.5em 0.8em 0.3em 0em; overflow: hidden; }
.box h3 { padding: 0.5em 1em; }
.box.grid_6 { background: url(../images/box/top-220.png) no-repeat 0 0; width: 220px; }
.box.grid_6 div { background: url(../images/box/bottom-220.png) no-repeat 0 100%; width: 220px; position: relative; float:left }
.box.grid_6 div div { background: url(../images/box/mid-220.png) repeat-y 0% 0%; margin-bottom: 6px; width: 220px; }
.box.grid_6 div.banner { background: url(../images/box/bottom-220-banner.png) no-repeat 0 100%; width: 220px; position: relative; float: left; }
.box.grid_6 div div div{ background: url(none); }
.box.grid_6 div div.banner-merch { background: url(../images/box/banner-merch.png) repeat-y 0% 0%; margin-bottom: 6px; width: 220px; }
.box.grid_6 div div.banner-discog { background: url(../images/box/banner-discog.png) repeat-y 0% 0%; margin-bottom: 6px; width: 220px; }
.box.grid_6 div div.banner-history { background: url(../images/box/banner-history.png) repeat-y 0% 0%; margin-bottom: 6px; width: 220px; }
.box.grid_18 { background: url(../images/box/top-700.png) no-repeat 0 0; width: 700px; }
.box.grid_18 div { background: url(../images/box/bottom-700.png) no-repeat 0 100%; width: 700px; position: relative; float: left; }
.box.grid_18 div div { background: url(../images/box/mid-700.png) repeat-y 0% 0%; margin-bottom: 6px; width: 700px; }
.box.grid_18 div div div.slider { background: url(none); width:696px; margin: 0px 2px; }
.box.grid_18 div div div.merch { background: url(none); width:680px; margin: 0px 2px 20px; height: 350px; }
.box.grid_18 div div div.video { background: url(none); width:680px; margin: 5px 10px 0px; }
/*.box.grid_18 div div div.copy { background: url(none); margin: 0px; width: auto; }
.box.grid_7 div div div.copy { background: url(none); margin: 0px;  }
.box.grid_11 div div div.copy { background: url(none); margin: 0px;  }*/
.h_390 { height: 416px; overflow: auto; width: auto; }
.h_240 { height: 260px; overflow: auto; width: auto; }
.h_100 { height: 100px; overflow: auto; width: auto; }
.banner p { padding: 0.2em 0.2em 0.5em 0.8em; overflow: auto; }
.box div div div.copy { background: url(none); margin: 0px; width: 100%; }


/* LISTS */
/* Standard bullet point lists*/
ul li { line-height:1.6em; margin:0 15px 0 35px; list-style: url(none) none outside; }
ul li li { list-style-type:circle; }
ol li { line-height:1.6em; margin:0 15px 0 35px; list-style: upper-roman outside; display: list-item; }
ol li li { list-style-type:circle; }
.price{ float: right; width: 220px; text-align: right; margin: 20px 10px 20px; border: 1px solid #666; }
.price li { margin-bottom: 10px; }
.outlets{ width: 220px; margin: 0px; }
.outlets li { margin: 6px 2px 6px 4px; }
/*.selected { background: #333; position: relative; top: 0px; display: block; vertical-align: top; }*/
.hoz-list ul { margin:0px; padding:0px;}
.hoz-list li { list-style-type: none; border-right-width: 1px; border-right-style: solid; border-right-color: #999; display: inline; padding-right: 0.5em; padding-left: 0.5em; margin: 0px;}
.hoz-list li.last { border-right-style: none; padding-right: 0px; }
#shows { padding-right: 0px; padding-left: 10px; }
#shows img { margin-left: 0px; }

/* IMAGES */
.shirt li{ list-style-type: none; display: inline; position: absolute; height: 200px; width: 202px; margin: 0px; padding: 0px; }
.shirt li.back{ padding: 0px; margin: 30px 0px 0px 140px; }

/* FOOTER */
#footer { font-size: 0.9em; width: 975px; margin-top: 10px; }
#footer li { list-style-type: none; border-right-width: 1px; border-right-style: solid; border-right-color: #999; display: inline; padding-right: 0.5em; padding-left: 0.5em; margin: 0px; }
#footer li.last { border-right-style: none; padding-right: 0px; }

/* FORMS */
form ul { list-style: none; margin: 15px 0 0 0; padding: 0; font-weight: bold; }
form li { padding-bottom: 1em; margin-left: 0px; }
label { width: 8em; text-align: right; margin-right: 0.5em; float: left; display: block; }
input, select, textarea { font: 1.0em verdana, sans-serif; background: #DBDBE3; border: 0px solid #333; }
li.check label { width: auto; text-align: left; margin: 0; float: none; display: inline; }
li.check span { display: block; margin-left: 6em; }
li.check span.name { margin-left: 0; width: 0em; text-align: right; }
li.submit input { background: url(../images/buttons/button-bg.png) no-repeat 0% 0%; font-weight: bold; cursor:pointer; color: #FFF; height: 25px; width: 140px; padding-bottom: 5px; }
input:focus, select:focus, textarea:focus { background: #FFF; border: 0px solid #333; }

/* TABLES */
table {border-collapse:separate; font-size:1.3em; line-height:1.2em; margin:1em 0.5em; }
th {padding:6px 6px 6px 12px;text-align:left;}
td { padding:6px 2px; text-align:left; }
thead th {font-weight:bold;line-height:1.2em;padding-bottom:1em;}
thead th a, thead th a:hover{}
tbody th {font-weight:normal;}
tbody tr td, tbody tr th {}