/* ===================================== */

body {
  background : #E5E8E5 url(images/bkgd.png) repeat-y scroll;
  font-family : Arial, san-serif;
  font-size : 13px;
  line-height : 1.5em;
  color : #555;
  padding : 0;
  margin : 0;
}

body#sec-shows,  
body#sec-artists,
body#sec-releases,
body#sec-forum,
body#sec-downloads,
body#sec-store,
body#sec-admin
{
  background : #E5E8E5 url(images/bkgd-nobar.png) repeat-y scroll;
}


a {
   color : #4E8630;
   text-decoration : none;
}
a:hover {
   color : #91be3e;
   text-decoration : underline;
}


h2 {
  margin : 0 0 5px 0;
  padding : 0;
  font-family : trebuchet ms;
  font-size : 20px;
  line-height : 1.1em;  
}

h3 {
  font-size : 10px;
  margin : 0 0 10px 0;
  color : #666;  
  letter-spacing : 1px;
}


ul {
  margin : 0;
  padding : 0;
}

li {
  margin : 0;
  padding : 0;
  list-style-type : none;
}

input {
  font-size : .8em;
}

form {
  margin 0;
  padding 0;
}

img {
  border : 0;
}

#wholepage {
/* USE THIS TO CENTER PAGE -- BUT MUST CENTER & FIX BODY BACKGROUND
  position : relative;
  margin : 0 auto; 
  width : 1040px;
*/
}

.status-success {
  font-size : 12px;
  text-weight : bold;
  color : white;
  background : green;
  padding : 3px 6px;
  margin-bottom : 5px;
}
.status-failure {
  font-size : 12px;
  text-weight : bold;
  color : white;
  background : red;
  padding : 3px 6px;
  margin-bottom : 5px;
}

/* ===================================== */

#titlebar {
  width : 82px;
  height : 600px;
  padding : 0;
  margin : 0;
  position : absolute;
  left : 0;
  top : 0;
  xfloat : left;
}

#titlebar h1 {
	background: url(images/title.png) no-repeat;
  height : 648px;
  padding : 0;
  margin : 0px 0 0 0;
	position: relative;  
}
#titlebar h1 span {
  display : none;
}



/* ===================================== */
#header {
  height : 86px;
  padding : 0;
  margin : 0;
  font-size : 13px;
  position : absolute;
  top : 0;
  left : 82px;
}

#header #photoarea {
  width : 358px;
  margin : 0;
  padding : 0;
}


#header #nav {
  background : url(images/bkgd-nav.png) no-repeat;
  width : 600px;
  height : 86px;
  margin : 0;
  padding : 0;
  position : absolute;
  left : 359px; 
}

body#sec-shows #header #nav,  
body#sec-artists #header #nav,
body#sec-releases #header #nav,
body#sec-forum #header #nav,
body#sec-downloads #header #nav,
body#sec-store #header #nav,
body#sec-admin #header #nav
{
  background : url(images/bkgd-nav-full.png) no-repeat;
}

#nav ul#primary {
  margin: 18px 0 5px 20px;
  _margin-left : 10px;
  padding:0;
  clear : both;
  float : left;  
}

#nav ul#secondary {
  margin: 0 0 0 20px;
  _margin-left : 10px;
  _width : 93%;
  padding:0;
  clear : both;
  float : left; 
}

#nav li {
  float : left;
  display : block;
  list-style: none;
  margin : 0 10px 0 0;
  width : 97px;
  height : 20px;
}

#nav a {
  display : block;
  width : 91px;
  height : 19px;
  padding : 2px 0 0px 6px;
  color : #252;
  background : #D4D7D5;  
  text-decoration : none;
  filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity: 0.60;  
}

#nav a:hover {
  color : #363;
  background: #f6f8f7;
}

#sec-home #nav-home a,
#sec-artists #nav-artists a,
#sec-artists-sub #nav-artists a,
#sec-releases #nav-releases a,
#sec-releases-sub #nav-releases a,
#sec-shows #nav-shows a,
#sec-downloads #nav-downloads a,
#sec-store #nav-store a,
#sec-forum #nav-forum a,
#sec-links #nav-links a,
#sec-about #nav-about a,
#sec-contact #nav-contact a
{
  color : #ddd;
  background: #6A7A6E;
/*  cursor : text;  */
}


/* ===================================== */
#selector {
  margin : 0 0 20px 0;
  padding : 0;
  text-align : center;
  font-weight : bold;
  font-size : 16px;
}

#selector ul {
  margin : 0;
  padding : 0 0 7px 0;
  display : block;
  list-style-type: none;
  border-bottom : 1px solid #aaa;
}

#selector li {
  display: inline;
  list-style-type: none;
  margin : 0 0 20px 0;
  padding : 0;

}

#selector li a {
   padding : 0px 18px 2px 18px;
}

#selector li a:hover {
  text-decoration : none;
  border-bottom : 6px solid #aaa;
}

#selector li a.current {
  border-bottom : 6px solid #aaa;
}

#selector li a.current:hover {
  text-decoration : none;
  border-bottom : 6px solid #aaa;
  color :  #4E8630;
}


/* ===================================== */

#feature, 
#featurecol {
  width : 359px;
  padding : 0;
  margin : 0;  
  position : absolute;
  left : 82px;
}

#feature {
  top : 240px;
}

#featurecol {
  top : 86px;
}

#feature #content {
  margin : 20px;
}

#featurecol #content {
  margin : 10px 20px 20px 20px;
}

#feature #content h1, 
#featurecol #content h1 {
  font-family : trebuchet ms;
  font-size : 45px;
  font-weight : normal;
  line-height : 48px;
  
  margin : 5px 0 0 0;
}

/* ===================================== */

#col-extrafull {
  width : 910px;
  margin : 0;
  padding : 0;
  position : absolute;
  left : 82px;
  top : 86px;
}


#col-extrafull #content {
  width : 885px;
  margin : 10px 0 30px 20px;
}

/* ===================================== */

#col-full {
  width : 910px;
  margin : 0;
  padding : 0;
  position : absolute;
  left : 82px;
  top : 86px;
}


#col-full #content {
  width : 660px;
  margin : 10px 0 30px 20px;
}


/* ===================================== */
#col-half {
  width : 590px;
  height : 600px;
  padding : 0;
  margin : 0; 
  position : absolute;
  top : 86px;
  left : 440px;   
}

#col-half #content {
  width :290px;
  margin : 10px 0 30px 20px;
}

/* ===================================== */

#col-double {
  width : 910px;
  margin : 0;
  padding : 0;
  position : absolute;
  left : 82px;
  top : 86px;
}

#col-double #content {
  width : 500px;
  margin : 10px 0 30px 20px;
}

#listbar {
  width : 340px;
  margin: 0 22px 0 12px;
  position : absolute;
  top : 200px;
  left : 620px; 
}

#box {
  background:#D9DFDA;
  padding : 10px;
  margin : 10px 0 20px 0; 
}

/* ===================================== */
#sidebar {
  width : 220px;
  margin: 0 22px 0 12px;
  position : absolute;
  top : 86px;
  left : 763px; 
}

#sidebar .box {
  background:#D9DFDA;
  width : 190px;
  padding : 10px;
  margin : 10px 0 20px 0; 
}

#sidebar .shortbox {
  background:#D9DFDA;
  padding:4px 10px;
  margin: 10px 0; 
  width :190px;
}

#sidebar .box ul li {
  padding-bottom : 10px;
  line-height : 14px;
}



/* ===================================== */
.newsitem {
  padding-bottom : 5px;
  margin-bottom : 15px;
}
.newsitem h2{
  margin : 0;
  padding : 0;
  font-size : 20px;
  line-height : 1.1em;  
}
.newsitem p {
  margin : 10px 0 ;
}
.newsitem p.byline {
  font-size : 9px;
  color : #999;
  margin : 0;
}



/* ===================================== */
.event {
  padding-bottom : 5px;
  margin-bottom : 10px;
}
.event h5 {
  margin : 0;
  padding : 0;
  font-size : 9px;
}
.event h4 {
  margin : 0;
  padding : 1px 0;
  font-size : 16px;
  font-weight : bold;
}
.event p.venue {
  font-weight : bold;
  margin : 0;
  padding : 0;
}
.event p.location {
  margin : 0;
  padding : 0;
  font-style : italic;
}
.event p.with {
  margin : 0;
  padding : 0;
  font-size : 9px;  
  font-style : italic;
}


/* ===================================== */
.calendar {
  width : 100%;
}

.calendar tr {

}

.calendar th {
  text-align : center;
  width : 14%;
  font-size : x-small;
  color : #aaa;
  padding : 0;
  margin : 0;
}

.calendar td {
  background : #fff;
  height : 130px;
  vertical-align : top;
  padding : 0 2px;
}

.calendar td.x {
  background : #f8f8f8;
  color : #c6c6c6;
}

.calendar h4 {
  margin : 0;
  padding : 3px 0;
  font-size : 14px;
  line-height : 14px;
  font-weight : bold;
}
.calendar p.venue{
  margin : 0;
  padding : 0;
  font-size : 9px;   
  line-height : 10px;   
}
.calendar p.location{
  margin : 0 0 5px 0;
  padding : 0;
  font-size : 9px;    
  line-height : 10px;  
}
.calendar p.with{
  margin : 0;
  padding : 0;
  font-size : 9px;  
  font-style : italic;
  line-height : 10px;  
}


/* ===================================== */
ul.links {
  margin : 0 0 20px 0;
}

ul.links li {
  margin : 6px 0;
}

/* ===================================== */
.artist-thumb {
  margin : 0 40px 12px 0px;
  width : 175px;
  height : 80px;
  float : left;
}

.artist-thumb a {
  text-decoration : none;
}

.artist-thumb img {
  width : 175px;
  height : 46px;
  border : 1px solid #bbb;
  padding : 1px;
}

.artist-thumb p {
  padding : 0;
  margin : 2px 0 0 0;
  font-weight : bold;
  text-align : right;
  font-size : 11px;
}

/* ===================================== */
.release-thumb {
  margin : 0 40px 12px 0px;
  width : 120px;
  height : 195px;
  float : left;
}

.release-thumb a {
  text-decoration : none;
}

.release-thumb img {
  width : 120px;
  border : 1px solid #bbb;
  padding : 1px;
}

.release-thumb p {
  padding : 0;
  margin : 7px 0 0 0;
  text-align : right;
  font-size : 11px;
  line-height : 16px;
  xcolor : #555;
  font-weight : normal;
}

.release-thumb em {
  font-size : 14px;
  font-weight : bold;
}

/* ===================================== */
#downloads {
  width: 98%;
  border-collapse: collapse;  
}

#downloads th {
  font-weight : bold;
  font-size : 11px;
}

#downloads th {
  padding : 2px 7px;
}

#downloads td {
  padding : 8px 7px;
}

#downloads tr.alt {
  background : #dedede;
}

#downloads th.artist,
#downloads td.artist {
  width: 25%;
  text-align : left;
}

#downloads th.album,
#downloads td.album {
  width: 40%;
  text-align : left;
}

#downloads th.track,
#downloads td.track {
  width: 25%;
  text-align : left;
}

#downloads td.info {
  width: 10%;
  text-align : right;
}
#downloads th.info {
  text-align : center;
}
#downloads small {
  size : 8px;
  font-weight : normal;
}

/* ===================================== */
#store {
  width: 650px;
  border-collapse: collapse;  
}

#store th {
  font-weight : bold;
  font-size : 10px;
  text-align : left;
  padding : 0px 5px;
}

#store td {
  padding : 10px 5px;
  vertical-align : middle;
}

#store tr.alt {
  background : #dedede;
}

#store td.pic {
  width: 100px;
  text-align : center;
}

#store td.album {
  width: 300px;
  text-align : left;
}
#store td.album p { font-style : italic; margin:0;  }


#store td.catnum {
  width: 50px;
  text-align : left;
}

#store td.media {
  width: 40px;
  text-align : left;
}

#store td.price {
  width: 40px;
  text-align : left;
}

#store td.link {
  width: 60px;
  text-align : center;
}

#store em {
  color : red;
  font-weight : bold;
  font-style : normal;
}

/* ================================================
     ADMIN
   ================================================  */

#listbar table 
{
  padding :0;
  margin : 0; 
  border : 0;
}

#listbar table td, #listbar table tr
{
  vertical-align : center;
  padding : 3px 2px 3px 8px;
  margin : 0;
}

.row1 {
  background : #f5f8f5;  
}

.row-1 {
  background : #e9ece9;  
}

#sec-admin h2 {
  margin-bottom : 20px;
  text-transform : capitalize;
}

/* ================================================
     FORM STYLES
   ================================================  */
.form td {
  vertical-align : top;
}


/* ===================================== */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#content .sIFR-hasFlash h1 {
   visibility: hidden;
   font-size : 50px;
   line-height : 1.1em;
   letter-spacing: -20px;
}

.newsitem .sIFR-hasFlash h2 {
	visibility: hidden;
	font-size : 22px;
	line-height : 1.1em;  
}
/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/