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

version:   Philip Mould Fine Paintings V01.00 "PURE" April 10 - 17 May 2008
updated:   July 17 2009
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk

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

/*** General Structure ***/
* {margin: 0; padding: 0;}
html{height: 102%;}
a{outline:none; text-decoration: none; border: none;}

a IMG{border:none;}
body {background: #342f35 url(../i/str/bd01.jpg) 0px 0px repeat; font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; font-size: 12px; line-height: 24px; text-align: center; color: #000;}
#wrapper{width: 1002px; height: auto; margin: auto; background: url(../i/str/wrapper02.jpg) top center no-repeat;}
#banner{width: inherit; height: 60px; background: url(../i/str/bnr04.pg) top center no-repeat; }
#navigation{width: inherit; height: 42px; background: url(../i/str/nv05.pg) top center no-repeat;}

/*** Search Website Form ***/
#searchform{width: 220px; height: 18px; line-height: 18px; position: relative; top: 1px; left: 770px; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; color: #4d5153; text-align: left;}
input#search{width: 123px; height: 15px; background-color: #b3b9bd !important; font-size: 9px; border: 1px solid #757a7e;}
input#send{width: 30px; height: 17px; font-size: 8px; border-top: 1px solid #686767; border-right: 1px solid #605e5e; border-bottom: 1px solid #605e5e; border-left: 1px solid #686767; padding: 0px; background: #808080 url(../i/str/go.jpg) top center no-repeat;}

#content{width: 1002px; height: auto; position: relative; top: 0px; left: 0px; background: url(../i/str/content01.gif) top center repeat-y;}
body.home #content{height: 490px; background: #2d2b2b url(../i/str/content02.jpg) 0px 0px no-repeat; z-index: 10;}
#content.errorpage{height: 390px;}
/* body.general#newspage #content{height: 450px;} min-height this? */
body.zoom #content IMG{border: 1px solid #444141;}
body.zoom #navigation a.backto{position: relative; top: 19px; left: 405px; text-align: right; font-size: 11px;}
body.zoom #navigation a,
a:link
a:visited
a:active{color: #333333;}
body.zoom #navigation a:hover{color: #3a1717;}
#content p a{color: white; padding-bottom: 1px; background: url(../i/str/underline.gif) bottom left repeat-x;}
#content p a:hover{background: url(../i/str/underline_hv.gif) bottom left repeat-x;}

/*** Home Page Columns ***/
#left{float: left; width: 320px; height: 460px; background: #2d2b2b url(../i/str/panel01b.jpg) 0px 0px no-repeat; margin-left: 21px;}
#left a.icon{display: block; width: 75px; height: 104px; background: url(../i/sleuth_icon.jpg) 0px 0px; float: left; clear: right; margin: -2px 10px 0px 0px; border: 1px solid gray;}
#left a.icon:hover{background: url(../i/sleuth_icon.jpg) 0px 0px;}
#intro{margin-left: 23px; color: #fff;}
#intro p{padding: 0px 0px 0px 0px; text-align: justify; line-height: 160%; margin-top: 0px; margin-bottom: 10px; word-spacing: -1px; line-height: 20px;}
#acquisitions{float: right; width: 640px; padding-top: 235px; height: 225px; background: #2d2b2b url(../i/str/panel02b.jpg) 0px 0px no-repeat; margin-right: 21px;}
#acquisitions IMG{width: 125px; height: 160px; margin: 0px 0px 0px 0px; padding: 1px 6px 6px 1px; background: url(../i/str/acqbgport.png) 0px 0px no-repeat;}
#acquisitions IMG.land{width: 261px; height: 160px; margin: 0px 0px 0px 0px; padding: 1px 6px 6px 1px; background: url(../i/str/acqbgland.png) 0px 0px no-repeat;}
#left IMG{/*position: relative; top: 40px; left: 7px;  note positioning here to match catalogue page  border: 7px solid #fff;*/ }

/* auto-drop-shadow */
.wrap1, .wrap2, .wrap3 
{display:inline-table; /* \*/display:block;/**/}
.wrap1 {float:left; background: url(../i/shd/shadow.png) right bottom no-repeat; margin-top: 40px; margin-left: 22px;}
.wrap2 {padding: 1px 6px 6px 1px; background:url(../i/shd/corner_tr.gif) right top no-repeat;}
.wrap2 img {display:block;}

/* Featured Portrait page background panels */
#left.feat{background: #313035 url(../i/str/panel01c.jpg) 0px 0px no-repeat;}

#featured{float: right; width: 640px; height: 460px; background: #313035 url(../i/str/panel02c.jpg) 0px 0px no-repeat; margin-right: 21px;}
#featured h2{height: 51px; background: url(../i/str/featured_portrait.jpg) 0px 0px no-repeat; position: relative; top: 34px;}
#featured #icon{float: right; margin: -74px 24px 0px 0px; border: 1px solid gray;}
/*** Recent Acquisitions and Featured Portrait Headers ***/
h2 span{position: relative; left: -3000px;}
#acquisitions.four h2{height: 51px; background: url(../i/str/acquisition_long2.jpg) 0px -7px no-repeat;}

/*** Sleuth Icon Home Pages ***/


/*** Gallery Content Structure ***/
#content_topper{width: 1002px; height: 40px; background: url(../i/str/topper.gif) top center no-repeat;}
#content_topper p{font-size: 9px; color: #ccc; text-align: left; margin-left: 44px;}
.oblique{color: #666666; position: relative; top: 1px}
p.completelist{margin-top: -20px; margin-bottom: 20px; }
/* footer */
#clearbase{padding-top: 35px; width: 1002px; height: 45px; clear: both; background: url(../i/str/base.png) top center no-repeat; color: #7a727c; font-size: 10px;}

#clearbase p.copyright{line-height: 15px;}
body#contactpage p.copyright{text-align: center; color: #827a84;}
.break{color: #fff; position: relative; top: 0px; padding: 0px 2px 0px 2px;}
p.copyright a,
a:link
a:visited
a:active{color: #827a84; backgound: none;}
p.copyright a:hover{color: #fff; background: none;}

/*** Gallery Thumbnails ***/
.row{width: 930px; height: auto; position: relative; left: 31px;}
body#wfspage .row{width: 700px; left: 215px;}
.thb{float: left; width: 176px; height: auto; margin-left: 10px; text-align: center;} /* maximum image width is 160px */
h3{color: #fff; font-weight: 600; font-size: 10px; line-height: 15px; margin-top: 4px; margin-bottom: 5px; font-family: arial, sans-serif; font-size: 11px;}
.clear{width: 1002px; clear: both; height: 24px; }
.thb a{border-bottom: none;}
.thb a IMG{margin-top: 1px; background: #302f2f; padding: 7px; border: 1px solid #2a2929;}
.thb a:hover IMG{margin-top: 0px; margin-bottom: -1px; background: #3e3d3d; padding: 8px; border: 1px solid #3e3d3d;}
.thb.landscape a IMG{margin-left: 1px; padding: 7px;}
.thb.landscape a:hover IMG{margin-left: 0px; padding: 8px;}
/* no-border image option */
.thb a IMG.noborder{margin-top: 2px; background: none; border: none;}
.thb a:hover IMG.noborder{margin-top: 1px; margin-bottom: -1px; padding: 8px; border: none;}

/*** Catalogue Page ***/
/* Summary */
#summary, #stafflinks{width: 920px; height: auto; clear: both; position: relative; left: 43px; padding-bottom: 30px; color: #fff;}
#image{float: left; width: 288px; border: 1px solid #444141;}
/* no-border option */
#image.noborder{border: none; margin-left: 1px;}
#catalogue_summary{float: right; width: 610px; text-align: left; font-size: 12px;}
/* print-no-print banner */
#printbanner{display: none;}
#printclear{display: none;}
/* Panel */
#panel{float: right; clear: left; width: 123px; height: auto; margin-right: 12px; margin-bottom: 24px; border: 1px solid #444141; padding: 2px 0px 5px 0px;}
#panel ul{margin: 0px; padding: 0px; list-style-type: none; }
#panel ul li{margin-left: 7px; width: 110px; height: 18px; line-height: 18px;}
#panel ul li a,
a:link
a:visited
a:active{color: gray; padding-left: 23px; background-position: 0px -19px; background-repeat: no-repeat; border-bottom: none;}
#panel ul li a:hover{color: #fff; background-position: 0px -1px;}

/* About Us */
#stafflinks ul{margin: 0px; padding: 0px; list-style-type: none; position: relative; top: 20px;}
#stafflinks ul li{display: inline; padding-left: 15px; background: url(../i/str/circle.gif) 1px 5px no-repeat;}
#stafflinks ul li a,
a:link
a:visited
a:active
{font-weight: 600; color: #fff;}
#stafflinks ul li a:hover{padding-bottom: 1px; background: url(../i/str/underline_hv.gif) bottom left repeat-x;}
#stafflinks ul li#philip, #stafflinks ul li#rutherford{padding: 0px; background: none;}

/* News page and some Discoveries stuff too */
.wrp{width: 920px; height: auto; margin-left: 43px; color: #fff;}
.image{float: left; height: auto; width: 288px;}
.text{float: right; width: 600px; height: auto; text-align: justify; margin-right: 10px;}
.text p{margin-bottom: 24px;}
.text p.posted{color: gray; margin-top: -18px;}
.newsdate{color: #ddd;}
.wrp h2{font-size: 14px; margin-top: 0px;}

/* Panel Rollover Images */
#panel ul li#previous a{background-image: url(../i/icons/previous.jpg);}
#panel ul li#next a{background-image: url(../i/icons/next.jpg);}
#panel ul li#return a{background-image: url(../i/icons/return.jpg);}
#panel ul li#zoom a{background-image: url(../i/icons/zoom.jpg);}
#panel ul li#print a{background-image: url(../i/icons/print.jpg);}
#panel ul li a span{font-size: 11px; position: relative; top: 0px; left: 0px;}

/* Description Headers */
h3.subject{width: 460px; font-size: 13px; line-height: 18px; font-family: verdana, Arial, Helvetica, sans-serif; text-align: left;}
h3.artist{width: 460px; font-size: 12px; font-family: verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; text-align: left;}
.dates{font-size: 11px; color: gray;}
body.home h3{text-align: left; margin-left: 15px;}
body.home .dates{color: #fff;}
h4#provenance, h4#exhibited, h4#literature, h4#inscriptions{font-size: 11px; margin-top: 0px; margin-bottom: -5px;}
p.prov{font-size: 11px; width: 460px; margin-top: 0px; margin-bottom: 0px; text-align: left; line-height: 17px;}

p.medium,p.period,p.dimensions{font-weight: 600; text-align: left;}
p.medium{font-size: 11px; margin-top: 0px; margin-bottom: 0px; line-height: 17px; }
p.period{font-size: 11px; margin-top: 0px; margin-bottom: 5px; line-height: 17px;}
p.dimensions{margin-top: 0px; margin-bottom: 0px; line-height: 18px;}
.numbers{font-size: 11px;}
p.copyright .numbers{font-size: 10px;}
.block{color: #fff;}

body.home p{color: #fff; margin-left: 15px; text-align: left;}

p#price{margin-top: 24px;}


/*** Randy Simons - MultiColumn CSS ***/
/* Initial definitions for base column. Define the (minimum) width here, and optionally a padding */
.noncolumnized div{display: none;}
.columnized div {
float: left;
width: 305px;		/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
padding: 0px 0px 0px 22px;		/* You may use a padding... but thanks to IE you can only use pixels! */
text-align: justify;
margin: 0;/* Don't use a margin! */}
			
/* general text formating, regardless of columnization */
div#container{width: 940px; color: #fff; margin-left: 23px; text-align: justify;}
div#container IMG{border: 1px solid #444141;}
div#container p{margin-top: 0px; margin-bottom: 24px; line-height: 24px; text-align: justify;}
div#container p.quote, div#container .quote{color: #bcbdbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.reference{margin: 0px 3px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; background: #343131; border: 1px solid #2f2c2c; position: relative; top: 3px; padding: 0px 4px 2px 4px;}

/* only two columns on certain pages - mostly About Us and personnel pages */
#aboutimage{float: left; width: 300px; margin-left: 38px; text-align: left;}
body#personnel div#container{width: 630px; float: right; margin-right: 30px; margin-left: 0px;}
body#personnel .columnized div{padding: 0px 8px 0px 14px;}
IMG.staff{float: left; clear: right; margin: 0px 10px 0px 0px;}

/* reference list */
div#container ul{margin: 0px; padding: 0px; list-style-type: none;}
div#container ul li{line-height: 24px; text-align: left; color: #bcbdbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
div#container ul li .notenumber{font-size: 10px; background: #373737; border: 1px solid #393737; padding: 0px 4px 2px 4px; margin-right: 5px; line-height: 100%; color: #808080;}

/* Drop Cap */
.first{float: left; font-size: 36px; margin: 5px 3px 0px 0px; background-color: #373737; border: 1px solid #393737; line-height: 34px; padding: 0px 3px 0px 3px; font-family: arial, sans-serif; line-height: 36px;}


/*** Contact page and form ***/
body#contactpage p{color: #fff; text-align: left;}
#contactdetails{float: left; width: 600px; height: auto; color: #fff; margin-left: 41px; text-align: left;}
#contactdetails IMG{border: 1px solid #444141;}
#columnone{width: 295px; float: left; margin-top: 20px;}
#columnone p{margin-top: -3px;}
#columntwo{width: 295px; float: right; margin-top: 20px;}
.antispam{color: #2d2b2b; margin-left: -3px; }
h3#emaillinks{font-size: 100%;}
#contactdetails ul{margin: 0px; padding: 0px; list-style-type: none; text-align: left;}
#contactdetails ul li a,
a:link
a:visited
a:active
{font-weight: 600; color: #fff;}
#contactdetails ul li a:hover{padding-bottom: 1px; background: url(../i/str/underline_hv.gif) bottom left repeat-x;}

#form.ctt{text-align: left; float: right; width: 290px; margin-right: 30px; }
#form.ctt p{color: #fff;}
#form.ctt label {font-weight: bold; color: #fff; display: block;}
#form.ctt input{width: 270px; background-color: #b3b9bd !important; border: 1px solid #757a7e;}
#form.ctt input#send2, input#reset{width: 150px; margin-top: 10px; background-color: #ddd !important; background-image: none; font-size: 10px; padding-bottom: 1px;}
form#feedback{position: relative; top: 0px;}
textarea, select#losstype{width: 270px; height: 117px; background-color: #b3b9bd !important; border: 1px solid #757a7e;}
body#contactpage .warning {font-weight: bold; color: yellow;}

body#contactpage p.company{margin: 15px 0px 24px 0px; color: gray;}
body#contactpage p.privacy a,
a:link
a:visited
a:active
{color: gray;}

/* map page */
#directions{text-align: left; float: right; width: 310px; margin-right: 30px;}

/* privacy policy */
#privacypolicy{color: #fff; width: 900px; margin-left: 50px; text-align: left;}
#privacypolicy ul{list-style-type: none; margin: 0px; padding: 0px;}
#privacypolicy ol li{margin-left: 25px;}
#privacypolicy ul li{margin-left: 0px;}

/* error and 404 pages */
p.error{color: #fff; position: relative; top: 130px;}
p.404{color: #fff; position: relative; top: 100px; width: 300px; margin-left: 300px;}


/* zoom image no-border option */
body.zoom #content IMG.noborder{border: none; margin-left: 1px;}

/* SLAD logo REDUNDANT
#slad{width: inherit; margin-top: 100px;}
#slad IMG{margin-left: 90px;}
#slad p{color: #fff; text-align: center;}
*/
div#container IMG.sladimg{position: relative; top: 44px; margin-left: 0px; border: none;}
p#sladp{position: relative; top: 44px; margin-left: 0px; text-align: center;}
div#container IMG.mpwimg{position: relative; top: -126px; margin-left: 150px; border: none;}
p#mpwp{position: relative; top: -117px; margin-left: 150px; text-align: center;}

p.collectors{width: 900px; float: left; margin: 0px 0px 24px 15px; text-align: left; color: #fff;}

/*** Safari-only hack to cure the misaligned content div ***/

/*\*/
 
 html>body*#searchform{top: 2px; left: 777px;}
 html>body*input#send{position: relative; top: -3px;}