@charset "utf-8";
/*-------------------------
Artists Page Stylesheet
Jaina Bee
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: June 30, 2008
Last Updated: August 13, 2008
--------------------------*/
/*------------------------
TOC

1. Page styles
2. Image map
3. Artist sections
4. Artist title images
--------------------------*/

/*---1. Page styles---*/

body#artists {
background: url(../images/chandelier_tile.jpg);
background-attachment: fixed;
}
body#artists #desc {
color: #fff;
border: 4px dotted #eb378c;
padding: 15px;
text-align: center;
}
body#artists #pagenav {
border: none;
}
body#artists a {
color: #fdbced;
font-weight: bold;
text-decoration: none;
}
body#artists a:hover {
color: #eb378c;
text-decoration: underline;
}

/*---2. Image map---*/
#map-a {
	display:block;
width: 800px; 
height: 600px; 
background: url(../images/altar-2.jpg) no-repeat; 
border: 4px solid #fff;
	position:relative;
	margin: 15px auto;
}
#map-a li {
	position:absolute;
	padding:0;
	margin:0;
}
#map-a a, #map-a a:visited {
	display:none;
}
#map-a a:hover {
	position:absolute;
	display:block;
}
#map-a a img {
	border: none;
}
/*old*/

/*#map-a {
display: block; 
width: 800px; 
height: 600px; 
background: url(../images/altar-2.jpg) no-repeat; 
border: 4px solid #fff;
position: relative; 
margin: 15px auto;
}
#map-a a:hover span {
position: absolute; 
display: block; 
color: #000;
padding: 5px;
}
#map-a li {
position: absolute; 
}
#map-a img, #map-a a img, #map-a a:hover img {
border: none;
}
#map-a a:hover span img {
float:left; 
}
#map-a a span, #map-a a:visited span  {
display:none;
}*/

/*---Adam Ansell---*/
#map-a #ansell {
left: 425px; 
top: 385px; 
z-index:20;
}
#map-a a#link_adam {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_adam:hover {
background: url(../images/adam_hover.jpg) no-repeat;
height: 90px;
width: 350px;
left: -28px; 
top: -9px;
}
/*---Alicia J. Rose---*/
#map-a #rose {
left: 555px; 
top: 495px; 
z-index:20;
}
#map-a a#link_alicia {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_alicia:hover {
background: url(../images/alicia_hover.jpg) no-repeat;
height: 80px;
width: 260px;
left: -183px; 
top: 0;
}
/*---Bwana Spoons---*/
#map-a #spoons {
left: 700px; 
top: 15px; 
z-index:20;
}
#map-a a#link_bwana {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_bwana:hover {
background: url(../images/bwana_hover.jpg) no-repeat;
height: 70px;
width: 310px;
left: -228px; 
top: 12px;
}
/*---Christine Shields---*/
#map-a #shields {
left: 70px; 
top: 120px; 
z-index:20;
}
#map-a a#link_christine {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_christine:hover {
background: url(../images/christine_hover.jpg) no-repeat;
height: 80px;
width: 370px;
left: -9px; 
top: -2px;
}
/*---Jaina Bee---*/
#map-a #bee {
left: 610px; 
top: 230px; 
z-index:20;
}
#map-a a#link_jaina {
display: block; 
width: 100px; 
height: 100px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_jaina:hover {
background: url(../images/jaina_hover.jpg) no-repeat;
height: 100px;
width: 250px;
left: -144px; 
top: -1px;
}
/*---Jason Mecier---*/
#map-a #mecier {
left: 185px; 
top: 230px; 
z-index:20;
}
#map-a a#link_jason {
display: block; 
width: 100px; 
height: 100px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_jason:hover {
background: url(../images/jason_hover.jpg) no-repeat;
height: 180px;
width: 230px;
left: -52px; 
top: -15px;
}
/*---Jenny B.---*/
#map-a #b {
left: 200px; 
top: 30px; 
z-index:20;
}
#map-a a#link_jenny {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_jenny:hover {
background: url(../images/jenny_hover.jpg) no-repeat;
height: 90px;
width: 200px;
left: -99px; 
top: -5px;
}
/*---Kate Fenker.---*/
#map-a #fenker {
left: 470px; 
top: 140px; 
z-index:20;
}
#map-a a#link_kate {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
#map-a a#link_kate:hover {
background: url(../images/kate_hover.jpg) no-repeat;
height: 100px;
width: 250px;
left: 7px; 
top: -11px;
}
/*---Patrick Kadyk---*/
/*position of the hover box*/
#map-a #kadyk {
left: 185px; 
top: 510px; 
z-index:20;
}
/*size of the hover box*/
#map-a a#link_patrick {
display: block; 
width: 80px; 
height: 80px; 
text-decoration:none; 
z-index:20;
}
/*position and size of larger image box*/
#map-a a#link_patrick:hover span {
background: url(../images/patrick_hover.jpg) no-repeat;
height: 100px;
width: 270px;
left: -174px; 
top: -24px;
}

/*--the hover image--keep this rule last!!--*/
#map-a a:hover {
position:absolute; 
display:block; 
}



/*---3. Artist section---*/

/*---------------------
artist-1: tall pic left
artist-2: tall pic right
artist-3: wide pic left
artist-4: wide pic right
----------------------*/

#artist_section h3 {
margin-bottom: 10px;
text-align: left;
text-indent: -9000px;
}
#artist_section ul {
border-bottom: 1px solid #eb378c;
padding: 8px 0;
margin-bottom: 25px;
}
#artist_section p.artlink {
font-family: "Copperplate Gothic Bold", "Copperplate", "Bookman Old Style", Baskerville, serif;
font-size: 1.2 em;
}
#artist_section p.artlink a {
color: #eb378c;
text-decoration: none;
}
#artist_section span.toplink  {
display: block;
float: right;
text-align: left;
text-indent: -9000px;
}

#artist_section span.toplink a {
display: block;
background: url(../images/salute.png) no-repeat;
width: 50px;
height: 100px;
text-align: left;
text-indent: -9000px;
}
#artist_section span.toplink a:hover {
background: url(../images/salute_hover.png) no-repeat;
}

.artist-1, .artist-3 {
float: left;
width: 820px;
border-bottom: 1px solid #fff;
margin-left: 25px;
padding: 15px 20px;
text-align: right;
}
.artist-2, .artist-4 {
float: right;
width: 820px;
border-bottom: 1px solid #fff;
margin-right: 25px;
padding: 15px 25px;
text-align: left;
}
.artist-1 img, .artist-3 img {
float: left;
}
.artist-2 img, .artist-4 img {
float: right;
}
.artist-1 .about-wide, .artist-3 .about-wide {
float: right;
width: 520px;
}
.artist-2 .about-wide, .artist-4 .about-wide {
float: left;
width: 520px;
}
.artist-1 .about-narrow, .artist-3 .about-narrow {
float: right;
width: 460px;
}
.artist-2 .about-narrow, .artist-4 .about-narrow {
float: left;
width: 460px;
}

/*---4. Artist title images---*/
#adamj {
background: url(../images/adamj.png) no-repeat top left;
width: 500px;
height: 87px;
}
#aliciaj {
background: url(../images/aliciaj.png) no-repeat top left;
width: 485px;
height: 81px;
}
#bwanas {
background: url(../images/bwanas.png) no-repeat top left;
width: 475px;
height: 99px;
}
#christines {
background: url(../images/christines.png) no-repeat top left;
width: 460px;
height: 82px;
}
#jainab {
background: url(../images/jainab.png) no-repeat top left;
width: 475px;
height: 108px;
}
#jasonm {
background: url(../images/jasonm.png) no-repeat top left;
width: 460px;
height: 93px;
}
#jennyb {
background: url(../images/jennyb.png) no-repeat top left;
width: 520px;
height: 125px;
margin-left: 25px;
}
#katef {
background: url(../images/katef.png) no-repeat top left;
width: 485px;
height: 106px;
}
h3#patrickk {
background: url(../images/patrickk.png) no-repeat top left;
width: 475px;
height: 95px;
}