/* MUSIC FROM ANGEL FIRE CSS */
body { 
background: #5a5858 /* bg 2010 was #4a423f*/ url("/images/bg_11.jpg") top left repeat-x; font-family: Arial, Helvetica, sans-serif; }

img {margin: 0; padding: 0; } 

#container { position: relative; width: 940px; margin: -10px 0 0 0; 
 padding: 0; background: transparent; min-height: 900px; }
 
.clear {clear: both;} 
 
div {margin: 0; padding: 0;} 

/* bolded text */
body strong {padding: 0 0 0 2px;}

/* font styles */
h1 {font-size: 135%; color: #dd620b; margin: -20px 0 10px 0; padding: 0; font-weight: bold; font-family: Palatino, Times Roman, serif; font-size: 24px;}

sup{font-size: 70%; }
h2 {font-family: Palatino, Times Roman, serif;font-weight: bold;font-size: 100%; color: #6a5b07; margin: 5px 0 5px 0; padding: 0; font-style: italic; text-transform: uppercase; }

h3 { font-size: 90%;  color: #6a5b07; margin:0 0 3px 0; padding: 0;}

h3 a:link, h3 a:visited {color:#6a5b07; text-decoration: none;}
h3 a:hover{color:#6a5b07; text-decoration: underline;}

h3.special {font-size: 90%; line-height: 15px;  color: #7e130d; margin:5px 0 3px 0; padding: 0;}
h3.special a{color: #7e130d; margin:0 0 3px -5px; padding: 0;}
h3.special a:hover{color: #7e130d; text-decoration: underline; }

h4 {font-size: 75%; color: #6a5b07; margin:0 0 3px 0; padding: 0;}
h5 {font-size: 70%; font-weight: bold; color: #9C1C24; margin:0 0 3px 0; padding: 0;}
h6 {font-size: 70%; font-weight: normal; text-transform: uppercase; }

a:link, a {color: #7C2230; text-decoration: none; padding: 0 0 0 0px;}
a:hover, a:visited:hover {color: #7e130d; text-decoration: underline;}
a:visited {color: #7e130d; text-decoration: none;}

p {font: normal 0.75em/1.5em Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0 0 15px 0; text-align: justify;}

/* home page font styles */
.home h1 {margin: -26px 0 30px 0; text-align:center; font-family: Times New Roman, Times, serif; font-size: 28px; font-weight: normal;letter-spacing:1px; width: 460px;}
.home h1 span{ font-size: 16px; color: #7e5909; margin: 0 0 0 0;}
.home h1 span#date{ font-size: 28px; color: #000/*was #9a7213*/; font-weight: normal;}
.home h2 {font-size: 95%; color: #6a5b07; margin: 0; line-height: 1.2em; font-family: Palatino, Times Roman, serif;font-weight: bold; }
.home div.insert h2 {color: #a45f05;}
.home .subnav h3 {text-align: center; margin: 0 0 0 -20px; font-family: Palatino, Times Roman, serif;}
.home .subnav p a{color: #333; text-decoration: none;line-height: 11px;}
.home .subnav p a:hover{color: #333; text-decoration: underline; }

/* repeated styles */
#content hr{margin: 5px 0; border: 1px #aaa solid; border-width: 0 0 1px 0;}
hr { margin: 5px 0; border: 1px #aaa solid; border-width: 0 0 1px 0;}

/* HEADER */
#header {background: #000 url("/images/header_logo_10_black.jpg") top left no-repeat; margin: 0; padding: 0; width: 940px; height: 200px; }
#header p{font-size: 60%; color: #666; text-align: right; margin: -10px 0 50px 550px; padding: 0 30px 0 0;}
#header h1{font-size: 12px; color: #A58E0C; text-align: left; margin: 0; padding: 90px 0 0 155px;}


/* NAVIGATION */
#nav {position: relative; left: 0; margin: 0; left: 0; margin-top: -90px;  padding: 0; }
#menu { 
  width: 880px;
  position: absolute;
  font: 12px/11px Arial, Verdana, sans-serif;  
  left: 0;
  top: 0;
  margin: -3px 0 0 0;
  padding: 0 0 0 60px;
  background: tranpsarent;
  height: 30px;
  z-index: 99;
}
.home #menu { 
  width: 880px;
  position: absolute;
  font: 12px/11px Arial, Verdana, sans-serif; 
  left: 0;
  top: 67px;
  margin: -3px 0 0 0;
  padding: 0 0 0 60px;
  background: transparent url("/images/menu_bg_black_home.jpg") top left no-repeat;
  height: 30px;
  z-index: 99;
}
#menu a { color: #f7ebc7; }
#menu a:hover { color: #fff; }
#menu .subs a { color: #0d4649; }
.menublock, .display { 
  white-space: nowrap;
  float: left;
  width: 115px;
  background-color: transparent;
  margin: 1px;
  padding: 5px 0 1px 5px;
}
#menu .subs { background-color: transparent; z-index: 198; border: 2px #222 solid; border-width: 0 2px 2px 2px; padding: 2px 0 0 0;}
#menu .subs a { display: block; }
#menu .menublock .subs { display: none; } 
#menu .menublock { 
  float: left;
  width: 115px;
  margin: 1px;
  padding: 5px 0 1px 5px;
  background: transparent;
  z-index:98;
}
/* Commented Backslash Hack: hides rule from IE5-Mac \*/
#menu .menublock { width: 115px; }
/* End IE5-Mac hack */
a.tl, a.tl:hover, a.tl:active { 
  display: block; 
  width: 115px;
  margin: 3px 0 7px 0;
  padding: 0;
  color: #000;
  background: transparent;
  border: none;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
#menu a.tl:hover, #menu a.tl:active {
  width: 115px; 
  color: #fff;
  background: transparent;
  text-align: center;
  text-decoration: underline;
}
a.sl, a.sl:hover, a.sl:active, a.sl:visited { 
  display: block;
  margin: 0;
  padding: 6px 2px;
  color: #000;
  background-color: #f2fbb9/* was #d7edf0 */;
 
  border-top: 1px #f2fbb9 /* was #fff */ solid; 
  border-bottom: 1px #b9d127/* was #2b7d84 */ solid;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
#menu .subs a.sl:hover, #menu .subs a.sl:active { color: #000; background-color: #b9d127 /* was #eefbfc */;border-top: 1px #b9d127 solid;  border-bottom: 1px #f2fbb9/* was #2b7d84 */ solid;}


/* CONTENT */
#content  { background: #fff url("/images/content_bg_11.jpg") no-repeat top left; margin: 25px 0 0 0; padding: 30px 30px 20px 0; width: 910px; }
.home #content  {background: #fff url("/images/content_bg_11_homepage.jpg") no-repeat top left; margin: 91px 0 0 0; padding: 30px 30px 20px 0; width: 910px; }


/* SECONDARY NAVIGATION */
.subnav { float: left;  width: 180px; margin: 0 0 30px 0; padding: 2px 0 0 17px; background: transparent; text-align: left;}
.home .subnav{width: 200px; min-height: 800px; padding: 0 0 0 17px; text-align: center; }
.subnav-header {font-size: 20px; display: block; background: transparent; text-align: left;}
.subnav-header h2 {  margin: 0 0 5px 5px;}
.subnav-header strong{ color: #000; background: transparent; padding: 0 5px; margin: 0 0 0 10px; font: bold 90% Lucida Grande, Ariel, Helvetica, sans-serif; text-decoration:none;}
.subnav-header strong a, .subnav-header strong a:visited {color: #000; text-decoration: none; }
.subnav-header strong a:hover {text-decoration: underline;}
.subnav ul{list-style: none; font-size: 80%; color: #333; margin: 0; padding: 15px 5px 10px 15px; }
.subnav li{padding: 2px 5px 3px 0;  line-height: 1em;}
.subnav li a, .subnav li a:visited {color: #2b7d84 ; text-decoration: none; }
.subnav li a:hover {color: #9C1C24; text-decoration: underline; }
.subnav li a:active {color: #9C1C24; text-decoration: underline; }
.subnav img {border: 1px #aaa solid; padding: 2px; margin:  0 0 3px 10px; background: #fff;}
.subnav img.noborder {border: 0; padding: 2px; margin:  -30px 0 3px -10px; background: transparent; }


.subnav p {color: #444; font-size: 70%; text-align: center; width: 180px; padding: 0 0 10px 15px; margin: 0 0 20px -15px; line-height: 12px;}
img.noborder {border: 0; }

/* homepage subnav styles */
.home .subnav img.noborder {border: 0; padding: 2px; margin:  0 0 3px -20px; }
.home .subnav li{line-height: 1.1em; margin: 0 0 15px 0;}
.home .subnav img {border: 1px #aaa solid; padding: 2px; margin:  0 0 3px -10px; }

/* MAIN COLUMN*/
#middle {   margin: 0 0 0 215px; padding: 20px 0 0 25px; text-align: left; z-index:100; min-height: 600px;}
#middle p{text-align: justify; width: auto; }
#middle img.heading {margin: -25px 0 20px 0; padding: 0; border: 0;}
#middle img {margin: 0 5px 0 0; padding: 2px; border: 1px #aaa solid;}
#middle img.noborder {border: 0;}
#middle table.artists p {width: 190px;}

#intro {margin: 0 0 15px 0;}
div #intro p{font: normal 0.82em/1.5em Arial, Helvetica, sans-serif; color: #333; }
div #intro .insert p {color: #444; font-size: 70%; line-height: 1.3em; }
div.insert {display: block; float: right; width: 183px; text-align: center;  margin: 0 2px 0 20px; background: #fff;}
#middle div.insert p {text-align: center; font-size: 11px; line-height: 11px; margin: 5px 0 0 10px;}

/* THREE COLUMN LAYOUT */
body.home #middle h2, body.home #middle p{width: 450px; }
body.three-column #middle h2, body.three-column #middle p{width: 350px; }
body.home #middle .insert p, body.home #middle .insert h2 {width: 160px;}

.right img, .left img, .insert-right img, .insert img {border: 1px #aaa solid; padding: 2px; margin: 0 8px 4px 0; }
.right, .poster{display: block; float: right; width: 170px; text-align: left; margin: 8px 0 0 30px;}
.home .right {background: #F7EEDC; border: 1px #ccc solid; padding: 0 10px 0 10px; margin: 20px 0 5px 20px;}

.poster {background: transparent;}
.poster img {border: 1px #aaa solid; padding: 2px;}

.insert-right {display: block; float: right; width: 270px; text-align: left; margin: 8px 0 0 20px; }
.insert-right img {}
body.three-column #middle .insert-right p, #middle .insert-right p {width: 270px;}
.insert-right a{text-decoration: none;}

.insert-auction {display: block; float: right; width: 300px; text-align: left; margin: -15px 0 0 30px; }
.insert-auction a{text-decoration: none;}

#middle div.right p, #middle div.insert-right p {color: #444; font-size: 70%; text-align: left; }
#middle div.right p {width: 160px;}
.right h3 {margin: 10px 0 10px 0; }
.left {display: block; margin-left:200px; text-align: left;}
 
.youngartists ul{ color: #333; margin: 0; padding: 15px 5px 10px 15px; border: 1px #aaa solid; border-top: none;}

.arrow {background: transparent url("/images/arrow_right.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin:0 0 0 20px;}
.date {color: #6a5b07; text-transform: uppercase;}
.block .arrow {padding:0 0 0 10px; font-size: 11px;}
.block {background: #eee; padding: 0 20px 5px 10px; margin: 0 0 8px 0;}
.block p {margin: 0; padding: 10px 0 0 5px;}
.block h2 {padding: 8px 0 0 0;}
.close {background: transparent url("/images/close.gif") -2px -2px no-repeat; padding: 0 0 0 14px; margin:0 0 0 10px;}
.border img{padding:2px; border: 1px #aaa solid; }
.block h3 a:link {color: #7C2230; background: transparent url("/images/arrow_right.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin:0 0 0 14px; }
.block h3 a:hover{color:#7C2230;text-decoration: underline;}

/* PROGRAM */
#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a8a, #a9, #a10, #a11, #a12, #a13, #a14{margin-left: 20px;}
/* UL, LI */
ul {font-size: 75%; list-style: none; margin: 0; padding: 0 0 8px 0; line-height: 1.3em;}

/* bulleted list */
.friend li, .bullet li{background: url("/images/bullet.gif") 0 4px no-repeat; padding: 0 0 2px 13px; margin: 0 0 5px 5px; line-height: 1.5em; color: #333;}
div.subnav .friend li, bullet li{margin: 0 0 0 5px; padding: 0 0 15px 0;}
ul.bullet a{text-decoration:none;}

/* donate button */
div.donatebutton {position: relative;  width: 180px; height: 48px; text-align: center; font-size: 12px; margin: 0; z-index: 30;}
div.donatebutton a {background: transparent url("/images/button_shopcart_lozenge.jpg") 5px 3px no-repeat;color:#480d07;  width: 180px; height: 48px; position: absolute; top: 0px; left: 5px; padding: 21px 0 0 0; text-decoration: none;  z-index: 29;}
div.donatebutton a:hover, div.donatebutton a:visited:hover  {background: transparent url("/images/button_shopcart_lozenge_on.jpg") 5px 3px no-repeat; width: 180px; height: 48px; color:#000; text-decoration: none; }
div.donatebutton a:visited {color:#480d07; text-decoration: none;}
body.donation_levels div.donatebutton {margin: -50px 0 0 0; padding: 50px 10px 0 10px;  float:right; background: transparent;font-size: 11px;text-align: center;}
body.donation_levels div.donatebutton p {}

/* shopping cart button round */
div.shopcartbutton {width: 87px; height: 70px; background: transparent url("/images/button_shopcart_round.jpg") 15px 0  no-repeat;  padding: 0; float: right;}
div.shopcartbutton:hover {width: 87px; height: 70px; background: transparent url("/images/button_shopcart_round_on.jpg") 15px 0 no-repeat;  padding: 0; text-decoration: none;}
div.shopcartbutton a {width: 87px; height: 70px;  font-size: 12px; text-decoration: none; text-align: center;}
div.shopcartbutton a:hover {color: #000; text-decoration: none;}
div.shopcartbutton img {border: 0;}

/* shopping cart round button on specific pages */
.auction div.shopcartbutton {margin: 100px 0 0 0;}
#middle fieldset div.shopcartbutton img {border: 0;}

/* FOOTER */
#footer {background: #fff; width: 940px; margin: 0; }
#container #footer p {color: #666; font-size: 70%; background: transparent; padding: 20px; width: 900px; margin: 0; text-align: center;}
#logos {text-align: left;}
#logos img{margin-right: 25px;}


/* STOREFRONT styles */
#data a:link {color: #000; text-decoration: underline;}
#data a:hover {color: #79055C; text-decoration: underline;}
#data a:visited {color: #000;}

/* NOTE */
#note {background: transparent; width: 160px; padding: 10px 10px 5px 10px; margin: 0 0 8px 0; text-align: center;}
#note ul, #note p {padding: 5px 5px 0 5px; }
#note h3 {margin: 0; padding: 0;}

/* FIELDSET */
fieldset {border: 1px #999966 solid; margin: 0 0 15px 0; width: 535px; padding: 10px 20px 10px 20px;}
fieldset legend {color: #6a5b07; font-weight: bold;}
#middle fieldset p, #middle fieldset li{color: 666; padding: 0 0 0 0; line-height: 1.3em; width: 475px; margin: 0;}
.raffle #middle fieldset p{ width: 435px; padding: 10px 0;}
.auction #middle fieldset p{ width: 435px;}
.guild #middle fieldset p{ width: 400px;}
.salondesarts #middle fieldset {width:600px; padding: 10px 30px 15px 20px;}
.salondesarts #middle fieldset p{width: auto; }
fieldset div.shopcartbutton {float: right;}
#middle fieldset div.shopcartbutton img.noborder {border: 0;}
.salondesarts #middle fieldset img {margin: 10px 15px 0 15px; }


/* ARTISTS */
body.artists #middle p {text-align: left;}

/* POSTERS */
body.posters fieldset { border: 1px #999966 solid; width: 535px; }
table#posters td{text-align: center; vertical-align: top; padding: 0 10px 0 0; width: 100px !important;}
table#posters p {font-size: .7em; line-height: 1.2em; text-align: left;}
table#posters a{text-decoration: none; }
table#posters img {padding: 1px; border: 1px #aaa solid; height: 80px; margin: 0 0 3px 0;}
body.posters #middle fieldset table#posters p {width:auto;}
body.posters .subnav h2 {text-align: center;}

/* PHOTO CREDIT */
p span.photocredit, li span.photocredit {font-size: 80%; color:#666666;}

/* HOME PAGE SLIDESHOW */
.slideshow { height: 238px; width: 940px; margin: auto }
.slideshow a img{border: 0;  }
.slideshow div p{color: #CCCC99; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal;  position: absolute; top: 185px; left: 40px; font-weight: normal; }
.slideshow div h1{color: #f7ebc7; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 16px; font-style: normal;  position: absolute; top: 137px; left: 70px; font-weight: normal; margin:-38px 0 0 0; padding: 0;}
.slideshow div h1 a, .slideshow div h1 a:visited{text-decoration:none; color: #f7ebc7;}
.slideshow div h1 a:hover{text-decoration:none; color: #fff;}
.slideshow div h1 a:hover:visited{text-decoration:none; color: #fff;}


/* AUCTION PREVIEW PAGE */
body.auction-preview #content {background: #fff; background-image: none; margin: 25px 0 0 0; padding: 50px 30px 20px 35px; width: 875px; min-height: 1200px;}
body.auction-preview td {float: left; width: 247px; height: 180px; margin: 10px; padding: 5px 10px; border: 1px #adadad solid;}
body.auction-preview td img {width: 120px; margin: 0 10px 0 0; padding: 0;}
body.auction-preview td h2 {text-align: left;}
body.auction-preview td p {text-align: left;}
body.auction-preview div.auction-item { float:left; width: 180px; height: 280px; padding: 10px; margin: 5px; border: 1px #dadada solid; text-align: center;}
body.auction-preview div.auction-item h3 {font-size: 12px; text-transform: uppercase; padding: 10px 0 5px 0;}
body.auction-preview div.auction-item img {padding: 2px; border: 1px #dadada solid; margin: 0 10px 0 0;}
body.auction-preview div.auction-item p {text-align:center;}


/* MUSIC CLIPS */
.music_clip h3{font-size: 16px;}
.music_clip p{font-size: 12px;}
#mediaspace p, #mediaspace1 p, #mediaspace2 p, #mediaspace3 p, #mediaspace4 p, #mediaspace5 p, #mediaspace6 p{margin: 10px 0 5px 0;}

/* EXTERNAL LINK ICON */
a.external {background: url("/images/icon_external.gif") no-repeat top right; padding: 2px 15px 0 0; line-height: 16px;}