/* ==========================================================
Master Stylesheet

version:   Francesca Galloway - CMS Rebuild V01 June 2 2009
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk

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


* {margin: 0; padding: 0;}
html {height:100%; margin-bottom:1px}
a {outline:none; text-decoration: none; border: none;}
a IMG {border:none;}
body {margin: 0px; padding: 0px; text-align: center; background: #3b3b3b url(../i/str/bd01b.jpg) top center no-repeat; font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; color: #fff;
}
#wrapper {position: relative; top: 30px; width: 980px; height: 800px/* change */; margin: auto;}
#banner {width: inherit; height: 35px; background: url(../i/str/banner04.jpg) 0px 0px no-repeat; margin-bottom: 55px;}

#left{position: absolute; top: 90px; left: 0px; width: 7px; height: auto; text-align: left; z-index: 100;}
#right{position: absolute; top: 0px; left: 567px; width: 200px; height: 380px; text-align: left;} /* for exhibition dates and times */
#right p{margin: 0px 0px 10px 0px; line-height: 15px;}
#container{width: 760px; height: auto;position: absolute; top: 90px; left: 210px;}
#content{ width: 556px; height: 374px; border: 1px solid #666; background: #000;}
#text{position: relative; left: -5000px;}
body#errorpage p{margin-top: 150px;}

/* Current Exhibition Splash Page BG Image and Mail Contact */
body#currentexhibition #content{background: #000 url(../i/home/ce.jpg) 0px 0px no-repeat;}
#mailcontact{float: left; margin-top: 350px; margin-left: 10px; font-size: 11px;}
#mailcontact p a,
a:link
a:visited
a:active{color: #fff; text-decoration: underline;}
#mailcontact p a:hover{}

/* Pommarede */
IMG#pommarede{margin: 0px 0px 0px 0px;}

/* Accordion Navigation */
ul.navigation, ul.navigation ul{list-style-type: none; margin: 0; padding: 0; width: 260px; font-size: 10px;}
ul.navigation a{display: block; text-decoration: none;}
ul.navigation li{margin-top: 1px;}
ul.navigation li a{color: #fff; padding: 4px 0px 4px 0px; font-weight: 600;}
ul.navigation li a:hover{}
ul.navigation li ul li a{color: #ddd; padding-left: 20px; font-weight: 500;}
ul.menu li ul li a:hover{color: #fff;}
ul.menu li ul li a.crt{font-weight: 600; color: #fff;}
/* END accordion */
li#pwpdf{margin-top: 48px;}
li#pwpdf a{display: inline-block;}
li#pwpdf a, a:link a:visited a:active{border-bottom: 1px dotted #696162; padding-bottom: 1px;}
li#pwpdf a:hover{border-bottom: 1px solid #fff;}

/* Past Exhibitions */
.past{width: 540px; height: auto; clear: both; margin-bottom: 20px;}
h2{font-size: 11px; text-align: left; margin: 0px 0px 0px 17px;}
.past p{text-align: left; font-size: 11px; margin: 0px 0px 12px 17px;}
.past p a, a:link a:visited a:active{color: #fff; padding-bottom: 1px; border-bottom: 1px dotted #696162;}
.past p a:hover{border-bottom: 1px solid #fff;}
.past IMG{float: right; clear: left; margin-left: 10px;}
.clear{width: inherit; height: 0px; clear: both;}

/* Thumbnails - first position the thumbs div ... */
#thumbs{width: 546px; height: 364px; position: relative; top: 10px; left: 0px;}
/* ... then position the thumbnails */
body#gallery #content a IMG, body#homepage #content a IMG {float: left; margin: 0px 0px 10px 10px; background: #000; border: 1px solid #000;}
body.postwar #content a IMG{margin-bottom: -25px;}
body#homepage #content a.splash IMG{margin-left: 0px;}

/* Special arrangements for Post War thumbs, including grey boxes */
/*body.postwar #thumbs{overflow: scroll; overflow-x: hidden}* this line superfluous with scroll script in place */
.grey{float: left; width: 170px; height: 170px; margin: 10px 0px 0px 10px;}
.grey a{display: block; width: 170px; height: 170px;}
.grey a IMG{width: 170px; height: 145px;}
.greytab{width: 170px; height: 25px; margin: 0px; background: gray; color: white; line-height: 25px;}
.greytab span{display: none;}


/* Medium Image and Description */
body#catalogue #content #image {width: 352px; height: 352px; float: left; margin-top: 10px;	margin-left: 10px; text-align: left;}
#description{float: right; padding-top: 10px; height: 340px; padding-right: 10px; width: 170px;	text-align: left;}

/* Gallery Titles and Numbered Navigation */
h5{float: left; margin: 0px 0px 0px 10px; font-weight: 500; font-size: 11px; height: 20px; line-height: 20px;}
#galnav{width: auto; height: 20px; float: right; list-style-type: none; margin: 0px 215px 0px 0px; padding: 0px; text-align: left; font-size: 11px; line-height: 20px;}
#galnav li{display: inline; width: 10px;}
#galnav li.link{float: right; width: 15px;}
#galnav li a{display: inline-block; width: 15px; text-align: right;}
#galnav a, a:link a:visited a:active{color: #fff;}
#galnav a:hover{color:#660016;}
#galnav li#thispage a{color:#660016;} /* triggered by php in original galnav include markup - see CBF for updated version */ 
p#pdf{clear: both; width: 546px; padding: 2px 0px 0px 9px; text-align: left; font-size: 10px; color: #3e100b}
p#pdf a,
a:link a:visited a:active{color: #3e100b; padding-bottom: 1px; border-bottom: 1px solid #6d6d6d;}
p#pdf a:hover{border-bottom: 1px solid #3e100b;}

/* are these still needed */
h3{font-size: 11px;	margin-top: 3px;}
body.pastexhibitions h3{text-align: left; font-weight: 500; margin: 0px 0px 0px 17px;}
.grey h3{margin-top: 0px; font-size: 10px; text-align: left; width: 165px; padding-left: 5px;}
h4{font-size: 10px;}
/* ?? */

#description h3, #description h4 {margin-left: 0px; width: auto;}
#description h3{font-size: 12px; margin-bottom: 10px;}

/* full-description link */
p.fulldesc{margin-top: 10px;}
p.fulldesc a,  a:link  a:visited  a:active {color: #666; text-decoration: none;	padding-bottom: 1px; background: url(../i/str/underline1.gif) 0px 16px repeat-x;}
p.fulldesc a:hover{color: #fff;	background: url(../i/str/underline1h.gif) 0px 16px repeat-x;}

/* Roaming */
#content ul#process{float: right; width: 173px; height: 12px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; padding-bottom: 2px;  line-height: 12px; font-size: 10px;}
#content ul#process li:first-child{margin-left: -9px;}
#content ul li{float: left;	width: auto; height: 12px; line-height: 12px; margin-left: 10px;}
#content ul li a, a:link  a:visited  a:active{color: #666666; padding: 0px 3px 0px 3px;}
#content ul li a:hover{color: #fff;	border-bottom: 3px #fff;}

/* Zoom Page */
body#zoom{background-image: none;}
body#zoom IMG{background: #000 url(../i/str/loading.gif) center 25px no-repeat;	padding: 10px; border: 1px solid #666; margin-bottom: 20px;}
body#zoom ul{width: 320px; list-style-type: none; margin: auto; margin-bottom: 20px;}
body#zoom ul li{display: inline; padding: 0px 10px 0px 10px;}
body#zoom ul li a,  a:link  a:visited  a:active{color: #999;}
body#zoom ul li a:hover{color: #fff;}

/* About Page */
body#aboutpage #content{padding: 10px 15px 10px 15px; width/* therefore */:526px; height/* therefore */: 334px;}
body#aboutpage #content p{text-align: justify; line-height: 18px; margin-top: 0px; margin-bottom: 12px;}
body#aboutpage #content p.address{clear: both;}
body#aboutpage #content p.personnel, 
body#aboutpage #content p.address,
body#aboutpage #content p.numbers{font-size: 11px; text-align: center; line-height: 14px; margin-bottom: 8px;}
.antispam{color: #000; margin-right: -2px;}
body#aboutpage #content p.numbers{margin-bottom: 0px;}/* necessary here to avoid pushing box out of shape in IE6 */
body#aboutpage #content p.numbers a, a:link  a:visited  a:active{color: #fff; padding-bottom: 1px;	border-bottom: 1px solid #666;}
body#aboutpage #content p.numbers a:hover{color: #fff; border-bottom: 1px solid #fff;}

/* Artists List Page (inside scrolling div */
dt{float: left; clear: left; width: 260px; text-align: right; font-weight: 600;}
dt:after{content: ":";}
dt a, dd a{font-weight: 600; color: #fff;}
dd a{font-weight: 500; color: gray;}
dd span a{font-weight: 500;}
dd{margin:0px 0px 0px 270px; padding: 0 0 0.5em 0; color: gray; text-align: left;}
h1{text-align: left; font-size: 17px; margin: 6px 0px 24px 17px;}
h1 span{font-family: "Palatino Linotype", verdana, arial, sans-serif; font-style: italic;}

/* hack for chrome to correctly position the numbered gallery navigation links */
body:nth-of-type(1) #galnav li.link{margin-top: 0px;}