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

version:   V01.24 :: Rob Dean September 8 2007
updated:   July 17 2009
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk
============================================================ */

html{height:102%;}
a{outline:none; text-decoration: none; border: none; }
a IMG{border:none;}
body{margin: 0px; padding: 0px; text-align: center; font-size: 100%; font-family: helvetica, arial, sans-serif; background: #EEF1F6 url(../i/str/bdbg01.jpg) top center repeat-y; }


/* HEADER AND MAIN NAVIGATION */
#header{width: 980px; height: 24px; margin: auto; padding-top: 61px; background: #EEF1F6 url(../i/str/hdbg07.jpg) top center no-repeat;}
#header ul{height: 25px; list-style-type: none; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 0px; width: 498px; padding-left: 472px; margin-bottom: 0px;}
#header ul li{float: left; width: 102px; background: #D3D8E0; /*border: 1px solid #C7D1E1;*/ border-bottom: none; margin-right: 3px;}
#header ul li a{display: block; width: 102px; height: 24px; font-size: 80%;}
#header ul li a span{position: relative; left: -2000px;}

#header ul li#artists a{background-image: url(../i/str/li/artists.gif)}
#header ul li#exhibitions a{background-image: url(../i/str/li/exhibitions.gif);}
#header ul li#home a{background-image: url(../i/str/li/home.gif);}
#header ul li#contact a{background-image: url(../i/str/li/contact.gif);}

#header ul li a,
a:link
a:visited
a:active
{color: #2C2E43; background-position: 0px 0px;}
#header ul li a:hover,
#header ul li a.crt
{color: #fff; background-position: 0px -24px;}
#header ul li a{background-repeat: no-repeat;}

/* INNER-CONTENT */
#inner_content{width: 980px; height: auto; margin: auto; background: url(../i/str/inner_content_bg05.gif) top center no-repeat;}
body#main_page #inner_content{padding-top: 80px;}
.clear{width: inherit; height: 20px; clear: both;}

#sidebar{float: left; width: 180px; margin-left: 20px; height: auto;}

/* HOME PAGE */

#rda_box{width: 806px; height: auto; position: relative; top: 0px; left: 84px; z-index: 99; background: url(../i/str/rda2.jpg) bottom center no-repeat; padding-bottom: 80px; }
#rda_box IMG{padding: 10px; float: left; clear: right; margin-right: 10px; border: 1px solid #222434; background: #292B3C;}

#aboutus
{position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden;}
#aboutus p{line-height: 1px;}

h1#trailer{width: inherit; padding-left: 0px; height: 30px; background: url(../i/str/currently_exhibiting.jpg) 435px 0px no-repeat;}
h1#trailer span{position: relative; left: -2000px;}

#rda_box ul{width: inherit; height: 35px; margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; text-align: left; color: #fff;}
#rda_box ul li{display: inline; height: 35px; padding-bottom: 10px; }
#rda_box ul li a,
a:link
a:visited
a:active{text-decoration: none; color: #fff; padding-bottom: 1px; border-bottom: 1px solid #393C57;}
#rda_box ul li a:hover{border-bottom: 1px solid #ddd; background: none;}
#rda_box ul li.pdf{width: 300px; height: 23px; background: url(../i/str/acrobat.png) right 2px no-repeat; margin-top: -7px; margin-bottom: 0px; padding: 7px 40px 10px 0px;}
#rda_box ul li.view{height: 23px; margin-top: -7px; padding-top: 7px; margin-left: 30px;}

#rda_box p{margin-top: 0px; margin-bottom: 10px; line-height: 20px; word-spacing: -1px;}
#rda_box p.intro{font-weight: 600; line-height: 20px;}
#rda_box p.secondary{line-height: 18px;}
#footer{position: relative; top: 0px; width: 810px; margin: 0px 0px 0px 80px; height: auto; clear: both; padding-bottom: 20px;}
#footer p{ text-align: center;}

/* ARTISTS NAVIGATION */
ul#artists_list{list-style-type: none; margin: 0px 0px 0px 0px; padding: 70px 0px 0px 0px; width: 180px; float: left; text-align: right; font-size: 9pt; color: #fff;}
ul#artists_list li{width: 145px; height: 20px; margin: 0px 0px 4px 3px; line-height: 20px;}
ul#artists_list li a{display: block; width: 158px; height: 20px; padding: 0px 16px 0px 0px; }
ul#artists_list li a,
a:link
a:visited
a:active{color: #C2C5D6; background-color: #292B3C; border: 1px solid #222434;}
ul#artists_list li a:hover,
ul#artists_list li#crtgal a{color: #fff; background-color: #292B3C; border: 1px solid #222434; margin-left: 10px; padding-right: 27px; width: 148px;} /* changed here to accommodate php navigation include */

/* BIOG LINK */
#biog_link_box{width: 160px; height: auto; padding: 5px 0px 5px 0px; border: 1px solid #000; clear: both; font-size: 9pt; color: #222438; position: relative; top: 30px; margin: 0px 0px 0px 15px; background-color: #d3d8e0;}
#exhibition_title #biog_link_box{margin-left: -2px;}
.biog_link{margin-top: 5px;}
.biog_link a{display: inline; color: #000; text-decoration: none; font-size: 7pt;}


/* THUMBNAILS */
#thumbs,#minithumbs{float: left; width: 650px; height: auto; margin-top: 30px; margin-left: 40px;}
#thumbs{margin-top: 70px;}
#minithumbs{margin-left: 48px;}
#thumbs.biog{margin-top: 53px;}
.outwrp{float: left; width: 170px; height: 200px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #222434; background: #292B3C;}
.miniwrp{float: left; width: 122px; height: 150px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #222434; background: #292B3C;}
.wrp{padding: 10px 10px 0px 10px;}

#thumbs a,
a:link
a:visited
a:active{display: block; width: 152px; height: 190px; background: 292B3C;}
#thumbs a:hover{background: #414459 url(../i/str/oomph.gif) 0px 0px repeat;}

#minithumbs a, 
a:link
a:visited
a:active{display: block; width: 102px; height: 140px; background: #292B3C;}
#minithumbs a:hover{background: #414459 url(../i/str/oomph.gif) 0px 0px repeat;}
body#artists_page #thumbs h3{font-size: 11px; margin-top: 0px;}

#thumbs a.para_link{display: inline;} /* to stop if from displaying like a thumbnail */
#thumbs a.para_link, a:hover{background: none;} /* ditto */

/* BIOG PAGE */
h3,p{color: #fff;}
h3{font-family: arial, sans-serif; font-size: 11pt; margin-top: 0px; margin-bottom: 5px; text-align: left; width: auto; padding-left: 200px;}
body#artists_page h3{margin-top: 0px; padding-left: 0px;} /* LEGACY ITEM? */
#thumbs.biog h3#artist_name{margin-bottom: 20px; font-size: 13px;}
h4{color: #fff; float: left; padding-left: 0px; text-align: left; }
p{font-family: verdana, "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif; font-size: 8pt; margin-top: 0px; margin-bottom: 10px; line-height: 150%; text-align: justify;}
#thumbs.biog p{line-height: 18px; text-align: justify;}
/* be careful - general styling */
p a,
a:link
a:visited
a:active{text-decoration: none; color: #fff; padding-bottom: 1px; border-bottom: 1px solid #393C57;}
p a:hover{border-bottom: 1px solid #ddd; background: none;}
#thumbs.biog p a{font-weight: 600;}


/* ROAMING */
#roaming{float: right; width: 94px; height: 78px; margin: 67px 82px 0px 0px; padding: 0px; list-style-type: none; text-align: center; border: 5px solid #292B3C; }
#roaming li{display: block; height: 25px; border-bottom: 1px solid #292B3C;}
#roaming li#previous{padding-left: 0px; background: none;}
#roaming li a{display: block; width: 94px; height: 25px; line-height: 25px;}
#roaming li a,
a:link
a:visited
a:active{color: #C2C5D6; font-size: 8pt; text-decoration: none; background: #222434;}
#roaming li a:hover{color: #fff;}


/* GALLERY IMAGE */
#galerie{float: left; width: 580px; height: auto; margin-top: 66px; margin-left: 0px; }
#galerie IMG{float: left; margin-left: 40px; clear: right; background-color: #292B3C; border: 1px solid #222434; padding: 15px; margin-right: 10px;}


body#artists_page h3{margin-top: 0px; margin: 0px 0px 0px 0px; padding-top: 0px;}
body#exhibition_page h3#name, body#artists_page h3#name{margin-top: 16px; margin: 16px 0px 0px 0px; padding-top: 20px;}
body#artists_page p, body#exhibition_page p{font-size: 11px; margin: 0px 0px 3px 0px; font-weight: 500; line-height: 16px; text-align: left;}
body#artists_page p.material, body#exhibition_page p.material{font-size: 13px; }
body#artists_page h5, #exhibition_page h5{margin-top: 3px; margin-bottom: 0px; font-size: 12px; text-align: left; color: #fff;}
body#artists_page #minithumbs h5{font-size: 11px;}
h5.number{float: left; display: block; width: 20px; height: 32px; font-weight: 500; color: gray; margin-right: 0px; margin-bottom: 0px; } /* this and below to shift full description over to right */
h5.obj_title{float: right; display: block; width: 128px; height: 33px; font-weight: 600; padding-top: 0px/* legacy item */; margin-bottom: 0px;}
#thumbs a .number,
a:link
a:visited
a:active{color: #666; /*border: 1px solid #292B3C;*/}
#thumbs a:hover .number {/*border: 1px solid #414459;*/}

/* EXHIBITION */
.inner_wrp{float: right; height: auto;}
#exhibition_title{margin: 0px 0px 0px 34px; padding: 70px 0px 0px 0px; width: 160px; float: left; text-align: center; font-size: 9pt; color: #fff;}
h1{font-size: 14px; margin-top: 0px; margin-bottom: 0px;}
h2{font-size: 12px; margin-top: 0px; margin-bottom: 0px;}
#number{color: gray;}

.exhwrp{width: 810px /* was 840 */; height: auto; margin-bottom: 25px; margin-left: 86px; }
.exhwrp .inner_wrp{width: 498px; /* was 528 */ padding-top: 8px;}
.exhwrp IMG{float: left; clear: right; border: 1px solid #222434; background: #292B3C; padding: 10px; margin-right: 0px;}

h3.exhheader{width: 430px; padding-left: 0px; height: 30px; position: relative; left: 298px;}
h3.exhheader#forthcoming_exhibitions{background: url(../i/str/forthcoming_exhibitions.jpg) 0px 0px no-repeat;}
h3.exhheader#currently_exhibiting{background: url(../i/str/currently_exhibiting.jpg) 0px 0px no-repeat;}
h3.exhheader#previous_exhibitions{background: url(../i/str/previous_exhibitions.jpg) 0px 0px no-repeat;}
h3.exhheader span{position: relative; left: -2000px;}

body#main_page h4{margin-top: 0px; width: 520px; margin-bottom: 2px; text-align: left; font-size: 13px;}
body#main_page h4.exh_title{margin-bottom: 5px;}
body#main_page h4.exh_subtitle{margin-bottom: 10px; line-height: 16px;}
body#main_page h5.exh_dates, h5.venue{margin-top: 5px; width: inherit; margin-bottom: 0px; text-align: left; color: #ACAFC5; font-size: 11px; line-height: 16px;}
body#exhibition_page h5.exh_dates{text-align: center; color: #ACAFC5;}
body#main_page h5.exh_times{margin-top: 0px; width: inherit; margin-bottom: 10px; text-align: left; color: #ACAFC5; font-size: 11px;}

.exhwrp p{margin-top: 0px; margin-bottom: 7px; text-align: justify; word-spacing: -1px;}
.exhwrp .clear{width: 840px; clear: both;}

.exhwrp ul{width: inherit; height: 35px; margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; text-align: left; color: #fff;}
.exhwrp ul li{display: inline; height: 35px; padding-bottom: 10px; }
.exhwrp ul li a,
a:link
a:visited
a:active{text-decoration: none; color: #fff; padding-bottom: 1px; border-bottom: 1px solid #393C57;}
.exhwrp ul li a:hover{border-bottom: 1px solid #ddd; background: none;}
li.pdf{width: 300px; height: 23px; background: url(../i/str/acrobat.jpg) right 2px no-repeat; margin-top: -7px; margin-bottom: 0px; padding: 7px 40px 10px 0px;}
#rda_box ul li.pdf{background-image: none;}
li.view{height: 23px; margin-top: -7px; padding-top: 7px; margin-left: 23px;}
li.view_sanspdf{font-weight: 600; margin-left: 410px;}
li.map{ margin-left: 23px;} 
.exhwrp ul li a, #rda_box ul li a{font-weight: 600;}



/* CONTACT */
IMG#poem{float: left; margin-left: 85px; padding: 10px; border: 1px solid #222434; background: #292B3C;}
#contact_details{width: 523px; height: 400px; color: #fff; font-size: 12px; float: right; margin-right: 90px; text-align: left;}
#contact_details p.name{font-weight: 600; margin-bottom: 5px;}
#contact_details p#centred{text-align: center;}
#contact_details p#by_appointment{width: inherit; padding-top: 20px; background: url(../i/str/contact_widget.jpg) top center no-repeat;}
.contact_wrp{margin-top: 0px; margin-bottom: 20px; width: 300px; text-align: left;}
.contact_wrp#rob{width: 260px; float: left;}
.contact_wrp#sonali{width: 260px; float: right;}
#contact_details .antispam{color: #2C2E43; margin-left: -2px;}