/* Main */
.section { padding-top: 15px; margin-top: 20px; border-top: 1px #ccc solid; clear: left; }
.section h3 { font-size: 12pt; margin-bottom:10px; }
.bio { clear: left; margin-top: 20px; }
.right { width: 180px; float: right; margin-left:15px; }

.intro { background: #f0f0f0; padding: 20px 10px 20px 10px; }
.intro p { font-size: 10pt; line-height: 13pt; }

.button a { display: block; width: 145px; clear: both; text-align: center; padding: 10px; font-size: 11pt; background: #cadacb; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; }
.button a:hover { background: #8db490; }
.row { float: left; margin-right: 25px; }

/* Artist Page */
.info h1 { font-size: 18pt; margin: 0; padding: 20px 0 0 0; }
.info h2 { padding: 4px 0 20; color: #555; font-weight: normal; font-size: 11pt; }
.info img { border: 1px #ccc solid; float: left; margin-right: 10px; }
.upfront { margin-left: 30px; }
.upfront li { font-size: 10pt; }

/* Artist Colours */

.comber { border-bottom: 4px #fd8d08 solid !important; }
.douglas { border-bottom: 4px #ff776b solid !important; }
.giefert { border-bottom: 4px #ffed5c solid !important; }
.kasumovic { border-bottom: 4px #fdabff solid !important; }
.macinnis { border-bottom: 4px #c89bff solid !important; }
.riley { border-bottom: 4px #6b98ff solid !important; }
.singh { border-bottom: 4px #cb9d7c solid !important; }
.walker { border-bottom: 4px #97ec7d solid !important; }

/* Artist Selector */
#artists, #artistslg { list-style: none; position: relative; }
#artists li, #artistslg li { float: left; margin-right: 8px; position: relative; padding-left: 0; margin-left: 0; }
#artists img, #artistslg img { position: relative; float: left; margin-bottom: 10px; border: 1px #ccc solid; }

#artists .popup { width: 110px; background: url('http://www.harbourfrontcentre.com/images/icons/bg_popup.png') bottom center no-repeat; font-family: Arial, Verdana, sans-serif; text-align: center; padding: 0; position: relative; }
#artists .popup p { font-size: 8pt; background: #333; font-weight: normal; color: #fff; padding: 6px 6px 6px 6px; margin: 0; margin-bottom: 7px; line-height:9pt; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#artistslg .popup { width: 160px; background: url('http://www.harbourfrontcentre.com/images/icons/bg_popup.png') bottom center no-repeat; font-family: Arial, Verdana, sans-serif; text-align: center; padding: 0; }
#artistslg .popup p { font-size: 9pt; background: #333; font-weight: normal; color: #fff; padding: 6px 6px 6px 6px; margin: 0; margin-bottom: 7px; line-height:9pt; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#artists .popup a { text-decoration: none !important; }
#artists .icon:hover .popup { display: block !important; position: absolute; margin-top: -34px; margin-left: -36px; }

#artistslg .icon:hover .popup { display: block !important; position: absolute; margin-top: -34px; margin-left: -40px; }


/* Map */
#map_canvas  { border: 1px #ccc solid; }
.map .sm img { border: 1px #ccc solid !important; padding-top:4px; }
.map p { font-size: 9pt !important; color: #000 !important; line-height:11pt; margin:0;padding:0; }
.map a img { border: 1px #888 solid; float: left; margin-right:6px; margin-top:4px; }
.map .disc { font-size: 8pt; color: #888; padding-top: 2px; }

p.guide { float: right; font-size: 9pt; color: #555; }

/* Footer */
.nav { float: left; margin-top: 20px; padding: 15px; background: #ddd; margin: 20px -10px 0; }
.nav .bucket { background: #fff; width: 295px; margin-right: 20px; float: left; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 10px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; }
.nav .bucket:hover { background: #cadacb; }
.nav .bucket h3 { font-size: 14pt; color: #48754b; font-weight:100; margin-bottom:4px; }