/* stylesheet for arrowmont */

html {height: 100%;}
body {height: 100%; background-color: #000; background-image: url(images/background-default.jpg); background-position: center top; background-repeat: no-repeat; color: #000; font-family: Georgia, "Times New Roman", serif; text-align: center; margin: 0;}
/* font-family: Georgia, "Times New Roman", serif; */
/* font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif;  */
/* font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; */


a {text-decoration: none;}
a:link, a:visited {color: #8E3232;}
a:hover, a:active {color: #C64747; text-decoration: underline;}
a img {border: none;}
.anchor {font-size: 0; height: 0; clear: both;}

div, ul {text-align: left; border: 0px #ddd solid;}
#foreground {position: relative; left: 0; top: 0; width: 100%; min-height: 100%;}
#page {position: relative; width: 960px; margin-left: auto; margin-right: auto; overflow: hidden;}

.pdf-link {background: url("images/icon-pdf.gif") 0 50% no-repeat; padding-left: 18px;}
.firstp {margin-top: 0;}


/* top menu */
.menu-top {position: absolute; top: 5px; right: 0; list-style: none; margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; font-size: 0.75em; z-index: 30;}
.menu-top li {display: inline; margin: 0; padding: 0; color: #999;}
.menu-top li a, .menu-top li span {padding: 6px 6px 9px 6px;}
.menu-top a:link, .menu-top a:visited {color: #999;}
.menu-top a:hover, .menu-top a:active {color: #C64747; text-decoration: underline;}

#menu-artists {display: none;}
#menu-exhibits {display: none;}
.menu-top .dropdown {display: inline; position: relative; font-size: 0.9em; line-height: 1em; margin: 0; padding: 5px 0 0 0;}
.menu-top .dropdown span {color: #999; background: url("images/arrow-down.png") 50% 21px no-repeat;}
.menu-top .dropdown:hover span {background-color: #000; cursor: default;}
.menu-top .dropdown ul {display: none; position: absolute; top: 29px; right: 2px; width: 230px; list-style: none; margin: 0; padding: 5px 2px 15px 2px; background-color: #000; border: 1px #999 solid; border-top: 0; opacity: .85; z-index: 20;}
.menu-top .dropdown li {position: relative; display: block; font-family: Georgia, "Times New Roman", serif; font-size: 1.4em; font-style: italic; line-height: 1.1em; text-align: right; margin: 0; padding: 0;}
.menu-top .dropdown li a {display: block; width: 90%; padding: 5px 10px;}
.menu-top .dropdown li a .ampersand-inline {position: relative; left: -3px; top: 7px;}
.menu-top .dropdown a:link, .menu-top .dropdown a:visited {color: #fff;}
.menu-top .dropdown a:hover, .menu-top .dropdown a:active {color: #C64747; text-decoration: underline;}
.menu-top .currentpage a {color: #000; cursor: default; text-decoration: none;}


/* home page */
a.figlink {width: 325px; height: 105px; position: absolute; left: 488px; top: 30px;}

.body-home {position: absolute; top: 115px; left: 10px; font-size: 0.95em;}
.intro1 {position: relative; width: 345px; margin: 0; padding: 0 0 0 69px;}
.intro2 {position: relative; width: 355px; margin: 0; padding: 15px 0 0 0;}
.intro3 {position: relative; width: 324px; margin: 0 0 1em 0; padding: 15px 0 0 0px;}

.menu-links {position: relative; list-style: none; margin: 0; padding: 20px 0 0 0; font-size: 1.2em; font-weight: bold;}
.menu-links li {background: url(images/raquo-red.png) left 5px no-repeat; margin: 0; padding: 0 0 1em 18px;}
.menu-links.artistlinks {float: right; padding-top: 7px;}

.menu-artists {position: absolute; left: 350px; top: 417px; list-style: none; margin: 0; padding: 0; font-size: 1.05em; font-style: italic;}
.menu-artists li {margin: 0; padding: 5px 0 0 5px;}
.menu-artists a:link, .menu-artists a:visited {color: #fff;}
.menu-artists a:hover, .menu-artists a:active {color: #C64747; text-decoration: underline;}
.menu-artists li.ampersand {background: url(images/ampersand.png) left 14px no-repeat; padding: 13px 0 10px 33px;}

.caption-background {position: relative; margin: 750px 690px 20px 0; color: #555; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; text-align: right; font-size: 0.8em; line-height: 1.2em;}
.caption-background p.captiontitle {padding: 0 0 0.75em 0;}
.caption-background p {margin: 0;}
.caption-background a:link, .caption-background a:visited {color: #555;}
.caption-background a:hover, .caption-background a:active {color: #C64747; text-decoration: underline;}

.byline {position: absolute; left: 0; bottom: 0; padding: 3px; margin: 0; color: #444; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; text-align: right; font-size: 0.7em; line-height: 1.2em;}
.byline a:link, .byline a:visited {color: #444;}
.byline a:hover, .byline a:active {color: #C64747; text-decoration: underline;}


/* text pages */
.body-text {float: left; width: 330px; min-height: 400px; margin: 234px 0 0 119px; font-size: 0.8em; text-align: justify;}
.body-text p {margin: 0.8em 0;}

.body-text table {border-collapse: collapse; font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0; margin: 1em 0 1em 14px;}
.body-text table td {padding-right: 8px;}
.sidebox {float: right; width: 310px; min-height: 200px; margin: 290px 10px 0 0; padding: 18px; color: #bbb; font-size: 0.8em; line-height: 1.3em; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; background: url(images/fill-black-70percent.png) repeat;}

.sponsor-logo {display: block; margin: 6px 0px;}


/* artist pages */
.body-artist {float: right; width: 420px; margin: 310px 40px 0 0; font-size: 0.8em; text-align: justify;}
.body-exhibit {float: right; width: 380px; margin: 310px 40px 0 0; font-size: 0.8em; text-align: justify;}
ul.textlist {list-style: none; padding: 0; margin: 0;}
ul.textlist li {background: url("images/bullet-small-red.png") 0 50% no-repeat; padding: 0 0 2px 19px; margin: 0;}

.gallery {float: left; width: 462px; position: relative; margin: 171px 0 0 0;}
.exhibitgallery {float: left; width: 502px; position: relative; margin: 171px 0 0 0;}

.thumbs {display: none; position: relative; list-style: none; padding: 0 0 3px 0; margin: 0; text-align: right;}
.thumbs li {display: inline; padding: 0 0 3px 0; margin: 0 2px 0 0; opacity: .50; filter: alpha(opacity=50); zoom: 1; border-left: 1px transparent solid;} /* zoom fixes ie opacity; transparent border fixes webkit glitch where bottom margin disappears */
.thumbs li img {max-width: 32px; max-height: 32px; margin: 3px 0 0 0; border: 1px #ccc solid;}
.thumbs li.thumb-lit {opacity: .99; filter: alpha(opacity=99); background: url("images/arrow-down-dark.png") bottom center no-repeat;}
.thumbs li.thumb-lit img {max-width: 35px; max-height: 35px; margin-top: 0;}

.slides {position: relative; list-style: none; padding: 0; margin: 0; text-align: right;}
.slides li {display: block; padding: 0; margin: 0 0 1em 0; overflow: hidden;}
.slides li img {float: right; border: 1px #ddd solid; margin: 0;}
.slides li p {clear: right; float: right; margin: 0; padding: 5px; color: #555; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; font-size: 0.8em; line-height: 1.2em; background: url(images/fill-black-70percent.png) repeat;}