@charset "UTF-8";
@import url("/_assets/js/shadowbox-3.0.2/shadowbox.css");

/* CSS Document */

/* ----------------------------------------- R E S E T   S T Y L E S --*/
* { margin:0; border:0; padding:0; outline: none; font-weight:normal; font-family:"Century Gothic", "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-weight:lighter; }
a, a:link, a:active, a:hover, a:focus { text-decoration:none; outline:none; }

/* ----------------------------------------- G L O B A L   S T Y L E S --*/
html { background-color:#b3b3b3; overflow-y: scroll; /* Avoids scrollbar shift */ } 
body { width:100%; font-size:62.5%; }
embed { padding:0 30px 3 30px; }
.place { padding:0 30px 3 30px; }
.clearFloat { clear:both; }
.page-break{ page-break-before:always; } /* this should be moved to print.css */

/* ----------------------------------------- N O N - D I S P L A Y   S T Y L E S --*/
.noDisplay, div#logoPrint, div#printLogoLeft, div#printLogoRight { display: none; }

/* ----------------------------------------- I M A G E   S T Y L E S --*/
.img580 { margin:20px 30px 5px 30px; border:1px solid #999; }
.noSpace { margin:0; padding:0; }
.floatLeft { float: left; margin: 20px 30px 20px 30px; position:relative; }
.floatRight { float: right; margin: 20px 30px 20px 30px; position:relative; }
div.floatLeft img, div.floatRight img, .frame { padding: 5px; border: 1px solid #aaa; background-color: #fff; }
p.titleSmall, .titleSmall { font-size:1.15em; line-height:1.6em; color:#000; font-variant:small-caps; text-transform:uppercase; letter-spacing:.15em; padding:0 30px 10px 30px; }
.titleSmall { padding:0; }
p.caption { font-size:.9em; color:#666; padding:5px 30px 10px 0; }
.caption { font-size:.9em; color:#666; }
p.captionTitleSmall { font-size:1.15em; line-height:1.6em; color:#000; font-variant:small-caps; text-transform:uppercase; letter-spacing:.15em; padding:5px 0 10px 1px; }

/* -- T H U M B N A I L   S T Y L E S --*/
div.thumbwrap { position:relative; width:590px; margin:20px 30px 5px 30px; clear:both; float:none; }
div.thumbwrap img { margin:0 7px 7px 0; border:1px solid #999; width:50px; height:50px; float:left; display:block;}
div.thumbwrap img.thumb5x3L, div.thumbwrap img.thumb5x3R { margin:0 7px 7px 0; border:1px solid #999; width:286px; height:168px; float:left; }
div.thumbwrap img.thumb5x2L, div.thumbwrap img.thumb5x2R { margin:0 7px 7px 0; border:1px solid #999; width:286px; height:109px; float:left; }
div.thumbwrap img.thumb5x3L, div.thumbwrap img.thumb5x2L { float:left; }
div.thumbwrap img.thumb5x3R, div.thumbwrap img.thumb5x2R { float:right; }
.thumbCaption { display:none; }

/* ----------------------------------------- W R A P   S T Y L E S --*/
div#scroll { position:absolute; top:0;left:0; z-index:70; overflow-y: scroll; } 
div#wrap { /*min-width: 900px;*/ display:block; position:relative; }
div#headerWrap { width:100%; height:75px; position:fixed; bottom:20px; z-index:100; }
div#contentWrap { width: 900px; position:relative; padding:0; margin-right: auto; margin-left: auto; z-index:70; }

/* ----------------------------------------- H E A D E R   S T Y L E S --*/
div#header { width:900px; height:75px; position:relative; overflow:visible; margin:0 auto;}
div#headerBkgLeft, div#headerBkgRight { top:0; width:1500px; height: 75px; position:absolute; background-image:url(/_assets/images/header/bkgHeader07.png); background-repeat:repeat; }
div#headerBkgLeft { right:900px; float:left; }
div#headerBkgRight { left: 240px; float:right; }
div#headerLogo { width:240px; height:75px; left:0; top:0; float:left; text-align:right; position:absolute; overflow:hidden; }

/* ----------------------------------------- N A V I G A T I O N   S T Y L E S --*/
div#navWrap { width: 610px; height: 90px; float: right; position: relative; }
div#navPriRoot { position:absolute; top: 30px; left: 0; }
div#navPriSec { position:absolute; top: 16px; left: 0; }
#header ul { list-style: none; white-space:nowrap; display:inline; }
#header ul li { float: left; white-space:nowrap; display:inline; }
#header ul li a { font-size: 1.12em; text-decoration: none; color: #666; float: left; display: inline; white-space:nowrap; padding: 5px 9px 9px 9px; letter-spacing:0.1em; text-transform: uppercase; }
#header ul a:hover, #header ul a:active, #header ul a:focus { color:#999; }
#header ul a.selectedNav, #header ul a.selectedNavFirst, #header ul a.selectedNavLast, #header ul a.selectedNavOnly { color:#999; }
#header ul a.navFirst, #header ul a.selectedNavFirst { padding: 5px 9px 9px 0; }
#header ul a.navLast, #header ul a.selectedNavLast { padding: 5px 0 9px 9px;}
#header ul a.selectedNavFirst { /*color:#999; */padding-left: 0;} /* is this styly really needed> */
#header ul a.navOnly, #header ul a.selectedNavOnly { /*color:#999;*/ padding: 5px 0 9px 0; }
#header .hideNav { display:none; }

/* ----------------------------------------- S E C O N D A R Y   N A V I G A T I O N   S T Y L E S --*/
.hideSecNav { display: none; }
div#secNavPortfolio, div#secNavProjects, div#secNavExhibitions, div#secNavAbout, div#secNavKr, div#secNavContact { top:36px; height:28px; width:auto; z-index:100; position:absolute; background-image:url(/_assets/images/nav/secondaryNavBar.gif); background-position:center -4px; background-repeat:no-repeat; text-align:center; }
div#secNavPortfolio { left:2px; }
div#secNavExhibitions { left:6px; }
div#secNavProjects { left:23px; background-position:-160px -3px; }
div#secNavAbout { left:190px; }
div#secNavKr { left:321px; }
div#secNavContact { left:330px; background-position:-177px -3px; }

/* ----------------------------------------- C O N T E N T   S T Y L E S --*/
div#content { width:640px; position:relative; float:right; }
div.quoteOpen { width:640px; margin:20px 0 20px 0; background-image:url(/_assets/images/global/quoteOpenLight.png); background-position: left top; background-repeat:no-repeat;}
div.quoteClose { width:640px; background-image:url(/_assets/images/global/quoteCloseLight.png); background-position:right bottom; background-repeat:no-repeat; }
div.lightBoxOnly, div.blackBoxOnly, div.clearBoxOnly, div.lightBoxFirst, div.blackBoxFirst, div.clearBoxFirst, div.lightBoxNext, div.blackBoxNext, div.clearBoxNext, div.lightBoxInd, div.blackBoxInd, div.clearBoxInd, div.lightBoxLast, div.blackBoxLast, div.clearBoxLast { width:640px; position:relative; background-repeat:repeat; clear:both; }
div.lightBoxOnly, div.blackBoxOnly, div.clearBoxOnly { margin:0 0 150px 0; padding:10px 0 20px 0; }
div.lightBoxFirst, div.blackBoxFirst, div.clearBoxFirst { margin:0 0 10px 0; padding:1px 0 20px 0; }
div.lightBoxNext, div.blackBoxNext, div.clearBoxNext { margin:0 0 10px 0; padding:10px 0 20px 0; }
div.lightBoxInd, div.blackBoxInd, div.clearBoxInd { margin:30px 0 10px 0; padding:10px 0 20px 0; }
div.lightBoxLast, div.blackBoxLast, div.clearBoxLast { margin:0 0 150px 0; padding:10px 0 20px 0; }
div.lightBoxOnly, div.lightBoxFirst, div.lightBoxNext, div.lightBoxInd, div.lightBoxLast { background-image:url(/_assets/images/global/bkgTransLight.png); }
div.blackBoxOnly, div.blackBoxFirst, div.blackBoxNext, div.blackBoxInd, div.blackBoxLast { background-image:url(/_assets/images/global/bkgTransBlack2.png); } 
div.clearBoxOnly, div.clearBoxNext, div.clearBoxInd, div.clearBoxLast { background-image:none; }
div.clearBoxFirst { background-image:none; padding:0; }

/* ----------------------------------------- G L O B A L   T Y P E   S T Y L E S --*/
a:hover { text-decoration: underline }

/* ----------------------------------------- T Y P E   S T Y L E S --*/
div.quoteOpen p, div.quoteClose p { font-size:1.92em; letter-spacing:.05em; color:#666; padding:0 30px 0 31px; width:530px; font-weight:lighter; }
/* -- h1 styles -- */
h1 { color:#333; /*color:#b3b3b3;*/ margin:150px 0 10px 0; font-size:2.8em; letter-spacing:.2em; font-variant:small-caps; text-transform:uppercase; }
h1.Ind { margin-top:30px; }

/* -- h2 styles -- */
h2 { font-size:1.3em; color:#000; font-weight:600; font-variant:small-caps; text-transform:uppercase; letter-spacing:.15em; border-top:1px solid #b3b3b3; padding: 20px 30px 0 30px; clear:both; }

h2.noRule, h2.noRule20, h2.noRule30 { border-top-style:none; border-top-width: 0; padding: 10px 30px 0 30px; }
h2.noRule20 { padding-top:20px }
h2.noRule30 { padding-top:30px }

h2.lightRule, h2.lightRuleFirst { color:#333; /*border-top-color:#b3b3b3;*/ }
h2.lightRuleFirst { margin-top:20px; }
h2.lightRule20 { margin-top:20px }
h2.lightRule30 { margin-top:30px }

h2 a, h2.noRule a, h2.noRule20 a, h2.noRule30 a { color:#000; font-weight:600; }
h2.lightRule a, h2.lightRuleFirst a  { color:#333; font-weight:600; }

h2 a:hover, h2.noRule a:hover, h2.noRule20 a:hover, h2.noRule30 a:hover { color:#666; }
h2.lightRule a:hover, h2.lightRuleFirst a:hover { color:#999; }


/* -- h3 styles -- */
h3 /*sub-subhead*/ { font-size:1.3em; color:#333; font-weight:600; font-variant:small-caps; text-transform:uppercase; letter-spacing:.2em; border-top: 1px solid #000; padding: 20px 30px 0 30px; }
h3.lightRule, h3.lightRuleFirst, h3.lightRule20, h3.lightRule30 { color:#333; border-top-color:#b3b3b3; }
h3.lightRuleFirst { margin-top:20px; }
h3.lightRule20 { margin-top:20px }
h3.lightRule30 { margin-top:30px }


h3.noRule, h3.noRule20, h3.noRule30 { border-top-style:none; border-top-width: 0; padding: 10px 30px 0 30px; }
h3.noRule20 { padding-top:20px; }
h3.noRule30 { padding-top:30px; }

h3 a, h3.noRule a, h3.noRule20 a, h3.noRule30 a, h3.lightRule a, h3.lightRuleFirst a { color:#666; font-weight:600; }
h3 a:hover, h3.noRule a:hover, h3.noRule20 a:hover, h3.noRule30 a:hover, h3.lightRule a:hover, h3.lightRuleFirst a:hover { color:#000; }


/* -- h4 styles -- */
h4 /*summary*/ { font-size:1.52em; font-weight:600; color:#666; padding: 20px 30px 0 30px; }
h4 a, h4 a:link { color:#666; }
h4 a:visited { color:#666; }
h4 a:hover, h4 a:focus { color:#000; }
h4 a:active { color:#000; }


/* -- p styles -- */
p { font-size:1.36em; padding: 14px 30px 0 30px; color:#333; }
p a, p a:link { color:#999; }
p a:visited { color:#999; }
p a:hover { color:#000; }
p a:active { color:#999; }
p.cB { clear:both; }
p.cL { clear:left; }
p.cR { clear:right; }



p.last { font-size:1.36em; padding: 14px 30px 20px 30px; color:#333; }
 
p.q, p.qFirst { /*font-weight:bold;*/ font-size:1.6em; padding-top:2.5em; color:#000; /*color:#333;*/ } 
p.qFirst { padding-top:.5em; } 
p.aLast { padding-bottom:40px; } 
 


/*em, .title { font-style:italic; }
*/.bold {font-weight:bold; }



/* Q&A styles */ 

/* category style */ 
.categoryBlack, .categoryBlack a { font-size:1em; color:#000; font-weight:600; text-transform:lowercase; font-variant:small-caps; letter-spacing:.15em; }
.categoryBlack a:visited { color:#000; }
.categoryBlack a:hover { color:#666; }
/*, .categoryBlack a:focus, .categoryBlack a:active*/


/* small print stules */
p.smallPrintBlack { font-size:1em; color:#333; padding: 3px 30px 20px 30px; }
p.smallPrint, .smallPrint { font-size:.8em; }






div.exhListing {  }
div.exhListing h2, div.exhListing h2 a { font-size:1.1em; color:#666; font-weight:100; letter-spacing:.15em; border-top-style:none; border-top-width: 0; }
div.exhListing h2 a:hover { color:#000; }
div.exhListing p { }






.summary { font-size:1.6em; color:#333; }  /* color:#8f8d8c; */



/* ----------------------------------------- C O L U M N   S T Y L E S --*/
div.threeCol { width:200px; float:left; }
div.threeCol * { border:none; }
/*div.threeCol ul { list-style:none; }
div.threeCol ul li a { font-size:1.36em; text-transform:capitalize; color: #333; padding:0 0 0 30px; white-space:nowrap; overflow:visible; }
div.threeCol ul li a:link { color:#333; }
div.threeCol ul li a:visited { color:#333; }
div.threeCol ul li a:hover { color:#999; }
div.threeCol ul li a:active { color:#333; }*/
div.threeCol h2 a { color:#333; }
div.threeCol h2 a:hover { color:#999; }

div.twoCol { width:290px; float:left; }
div.twoCol * { border:none; }
div.twoCol h2 a { color:#333; }
div.twoCol h2 a:hover { color:#999; }

div.list ul { list-style-type: none; padding:14px 0 7px 0}
div.list ul li, div.list ul li a { font-size:1.36em; color:#333; padding:0 0 5px 37px; white-space:nowrap; overflow:visible; background-image:url(/_assets/images/global/bkgListPoint.jpg); background-repeat:no-repeat; background-position:30px 8px; }
div.list ul li a:link { color:#333; }
div.list ul li a:visited { color:#333; }
div.list ul li a:hover { color:#999; }
div.list ul li a:active { color:#333; }

/* ----------------------------------------- T A B L E   S T Y L E S --*/
.cvTableWrap { padding:10px 30px 0 30px; margin-bottom:-8px; }
.cv td { vertical-align:top; padding-bottom:.6em; font-size:.85em;}
.year { text-align:right; padding-right:10px; width:80px; }
.entry { text-align:left; width:500px; padding-bottom:8px; }
.entryBoldItal { font-weight:bold; font-style:italic; }
.cv caption { font-size:.8em; color:#000; font-weight:600; font-variant:small-caps; text-transform:uppercase; letter-spacing:.15em; text-align:left; padding:0 0 10px 0; }
.tableSubhead, .tableSubheadLight { font-size:1.2em; text-align:left; width:500px; padding:10px 0 8px 0; color:#000; font-weight:600; text-transform:lowercase; font-variant:small-caps; letter-spacing:.15em; }
.tableSubheadLight { color:#666; font-weight:400; }
/* exhibitions/index.php */
.exDates { text-align:right; padding-right:10px; width:210px; }
.exInfo { text-align:left; width:370px; padding-bottom:8px; }
.exInfo, .exInfo a, .exInfo a:link { color:#333; }
.exInfo a:visited { color:#333; }
.exInfo a:hover, { color:#999; }
.exInfo a:active { color:#333; }

/* ----------------------------------------- S H O W / H I D E   S T Y L E S --*/
.hidden { display: none; }
.unhidden { display: block; }
.hiddenViz { visibility: hidden; }/*If you want to use visibility, then change these classes to: */
.unhiddenViz { visibility: visible; }
p.showHide, p.showHide a, p.showHide a:link, p.showHide a:visited, p.showHide a:hover, p.showHide a:active, p.showHide a:focus { font-size:1.1em; color:#666; font-variant:small-caps; letter-spacing:.15em; padding: 5px 0 20px 15px; }
p.showHideNone, p.showHideNone a, p.showHideNone a:link, p.showHideNone a:visited, p.showHideNone a:hover, p.showHideNone a:active, p.showHideNone a:focus { font-size:1.1em; color:#666; font-variant:small-caps; letter-spacing:.15em; padding: 3px 30px 0 15px; }
p.showHideLast, p.showHideLast a, p.showHideLast a:link, p.showHideLast a:visited, p.showHideLast a:hover, p.showHideLast a:active, p.showHideLast a:focus { font-size:1.1em; color:#666; font-variant:small-caps; letter-spacing:.15em; padding: 3px 30px 0 15px; }
div.showHideNav { padding:5px 0 20px 0; }
div.showHideNav ul { list-style: none; white-space:nowrap; display:inline; }
div.showHideNav ul li a { float:left; font-size:1.1em; color:#666; font-variant:small-caps; letter-spacing:.15em; padding-left:30px;}
div.showHideNavLast { padding:5px 0 40px 0; }
div.showHideNavLast ul { list-style: none; white-space:nowrap; display:inline; }
div.showHideNavLast ul li a { float:left; font-size:1.2em; color:#666; font-variant:small-caps; letter-spacing:.15em; padding-left:30px; }
div.showHideNav ul li a:hover, div.showHideNavLast ul li a:hover { color:#000; }
p.showHide a:hover, p.showHideNone a:hover,  p.showHideLast a:hover { color:#000; }

/* ----------------------------------------- B A C K G R O U N D   S T Y L E S --*/
html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; /*overflow:hidden;*/ }
#bg { position: fixed; }
#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; z-index:-100; }
#bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; min-height:50%; min-width:50%; }
#focus-stealer { position: absolute; left: -9999px; }

/* ----------------------------------------- S I T E M A P   S T Y L E S --*/
div.sitemap { width:213px; float:left; }
div#sitemapWrap * { border:none; }
div#sitemapWrap { margin-top:-15px;}
div#sitemapWrap ul { list-style:none; }
div#sitemapWrap ul li a { font-size:1.36em; text-transform:capitalize; color: #333; padding:0 0 0 30px; white-space:nowrap; overflow:visible; }
div#sitemapWrap ul li a:link { color:#333; }
div#sitemapWrap ul li a:visited { color:#333; }
div#sitemapWrap ul li a:hover { color:#999; }
div#sitemapWrap ul li a:active { color:#333; }
div#sitemapWrap h2 a { color:#333; }
div#sitemapWrap h2 a:hover { color:#999; }
p.sitemap { padding:0 30px 0 30px; color:#FF9900; font-size:2em; float:none; clear:both; }