html { color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
body { font-size:15px; line-height:1.5em; color:#444; background-color:#fff; }
img { border: 0; }
p { padding: 10px; margin:0; }
a:link { text-decoration: none; color: #444; }
a:visited { text-decoration: none; color: #777; }
a:hover { text-decoration: underline; color: black; }
a:active { text-decoration: underline; color: green;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
h1 { font-size: 26px; padding:10px 10px 5px 10px; margin-top:10px; font-weight:bold; line-height:1.4em; }
.result h1 { font-size: 20px; margin:0; font-weight:bold; }
.content .page-top-info h1 { color:#444; text-shadow: none; }
.page-top-info h1 { color:#fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); }
.info-base h1 { font-size:20px; padding:0 0 0 10px; margin-top:10px; }
.main-img .info-base h1 { font-size:20px; padding:0 0 5px 10px; margin:0; }
h2 { font-size: 30px; text-align:right; margin: 15px 10px 10px 10px; } /* used for header only */
h2 span { font-weight: lighter; }
h2 a:link { color: #000; text-decoration: none; }
h2 a:visited { color: #000; text-decoration: none; }
h2 a:hover { color: #000; text-decoration: underline; }
h2 a:active { color: green; text-decoration: underline; }
h2 a.exempt { color: #999; }
h3 { font-size: 15px; padding: 0 10px; }
.result h3 { font-size: 15px; padding:0; margin:0; font-weight:normal; }
.main-img .info-base h3 { font-size:15px; padding: 5px 10px; margin:0; font-weight:normal; }
.bio-table h3 { font-size: 20px; padding:0; margin:25px 10px 10px 10px; font-weight:bold; }
h4 { font-size: 22px; font-weight:bold; margin:20px 10px 10px 10px; }
.result h4 { font-size: 15px; padding:5px; margin:0; font-weight:normal; }
.main-img .info-base h4 { font-size:15px; padding:1px 10px; margin:0; font-weight:normal; }
.info-base h4 { font-size:15px; padding:1px 10px; margin:0; font-weight:normal; }
#info-ext h4 { font-size:15px; padding:1px 10px; margin:0; font-weight:normal; }
h5 { font-size: 20px; font-weight:bold; margin:10px 0; }
h6 { font-size: 14px; }
ul { list-style: none; padding: 0; margin: 10px; }
li { list-style: none; padding: 0; margin: 0; }
.pad { padding: 10px; }
.header { margin:0 auto; padding:0; }
.nav { margin:0 auto; padding:0; }
.content { margin:0 auto 20px auto; padding:0; }
.footer { margin:0 auto; padding:0; min-height:200px; }
.nav-wrap { width:100%; padding:0; background-color:#000; }
.footer-wrap { width:100%; padding:0; margin-top: 50px; border-top:2px solid #999; }
/* TOP NAV */
.nav { width: 100%; z-index: 2000; font-size:15px; height:36px; line-height:1.5em; }
.nav ul { padding: 0; margin: 0; list-style: none; position: relative; display: inline-table; }
.nav ul:after { content: ""; clear: both; display: block; }
.nav ul li { float: left; }
.nav ul li:hover { background: #999; }
.nav ul li:hover a { color: #fff; }
.nav ul li a { display: block; padding: 8px 15px 6px 15px; color: #fff; text-decoration: none; }
/* TOP NAV */
#slideshow { margin: 0 auto; padding: 0; position: relative; width: 1024px; }
#slideshow > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#slideshow { height: 740px; }
.slide-one,
.slide-two,
.slide-three,
.slide-four,
.slide-five,
.slide-six,
.slide-seven { height:640px; }
.slide-one { background:url(/artworks/maribyrnong-2020-2023/img/hero.jpg) no-repeat center; background-size:cover; }
.slide-two { background:url(/artworks/fusion-2000/img/01.jpg) no-repeat center; background-size:cover; }
.slide-three { background:url(/artworks/two-points-of-view-1984/img/01.jpg) no-repeat center; background-size:cover; }
.slide-four { background:url(/artworks/obelisk-1996/img/01.jpg) no-repeat center; background-size:cover; }
.slide-five { background:url(/artworks/aurora-2006/img/01.jpg) no-repeat center; background-size:cover; }
.slide-six { background:url(/artworks/orion-2008/img/01.jpg) no-repeat center; background-size:cover; }
.slide-seven { background:url(/artworks/messenger-1983/img/01.jpg) no-repeat center; background-size:cover; }
.main-img { width: 1024px; margin:0 auto; height:640px; background: url(/img/loading.gif) no-repeat center #F6F6F6; }
.main-img img { width: 100%; height: 640px; }
.det-width { margin:0 auto; padding:0; height: 640px; position:relative; }
.page-top-info { margin: 0; padding: 0; }
#slideshow .info-base { position:absolute; left:0; bottom:-90px; color:#000; text-shadow: none; }
.main-img .info-base { position:absolute; left:0; bottom:10px; color:#fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); }
.hero { height:640px; }
.hero img { height:640px; max-width:100%; }
/* LIQUID COLUM HOME */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.columnsContainer { position: relative; margin:0; padding:0; }
.leftColumn { margin:10px 0 0 0; }
.rightColumn { margin:10px 0 0 0; }
.leftColumn p { margin-right:10px; }
@media screen and (min-width: 47.5em ) {
.leftColumn { margin-right: 21.5em; }
.rightColumn { position: absolute; top: 0; right: 0; width: 20.0em; }
}
/* LIQUID COLUM HOME */
.home-available { width:300px; margin-bottom:25px; }
.home-available thums { margin-bottom:25px; }
.home-available img { width:150px; height:150px; float:left; border:5px solid #fff; }
.home-available img:hover { border:5px solid #CCC; }
.home-available p { margin-top:15px; }
.home-max { background:url(/img/hero-2.jpg) no-repeat center; background-size:cover; }
.assemblage { background:url(/category/assemblage/hero.jpg) no-repeat center; background-size:cover; }
.bronzes { background:url(/category/bronzes/hero.jpg) no-repeat center; background-size:cover; }
.commissions { background:url(/artworks/orion-2008/img/01.jpg) no-repeat center; background-size:cover; }
.early-works-gertrude-st-studio { background:url(/category/early-works-gertrude-st-studio/hero.jpg) no-repeat center; background-size:cover; }
.enclosures { background:url(/category/enclosures/hero.jpg) no-repeat center; background-size:cover; }
.landscape-series-woman-series { background:url(/category/landscape-series-woman-series/hero.jpg) no-repeat center; background-size:cover; }
.lead-works { background:url(/category/lead-works/hero.jpg) no-repeat center; background-size:cover; }
.new-york-works { background:url(/category/new-york-works/hero.jpg) no-repeat center; background-size:cover; }
.outdoor-works { background:url(/category/outdoor-works/hero.jpg) no-repeat center; background-size:cover; }
.perspectives { background:url(/category/perspectives/hero.jpg) no-repeat center; background-size:cover; }
.shell-series-marine-series { background:url(/category/shell-series-marine-series/hero.jpg) no-repeat center; background-size:cover; }
.studies-for-larger-works { background:url(/category/studies-for-larger-works/hero.jpg) no-repeat center; background-size:cover; }
.works-2008-2009 { background:url(/category/works-2008-2009/hero.jpg) no-repeat center; background-size:cover; }
.works-2010-2012 { background:url(/category/works-2010-2012/hero.jpg) no-repeat center; background-size:cover; }
.recent-works { background:url(/category/recent-works/hero.jpg) no-repeat center; background-size:cover; }
.works-on-paper { background:url(/category/works-on-paper/hero.jpg) no-repeat center; background-size:cover; }
.studio-photographs { background:url(/category/studio-photographs/hero.jpg) no-repeat center; background-size:cover; }
.exhibitions { background:url(/category/shows-and-exhibitions/hero.jpg) no-repeat center; background-size:cover; }
.writings { background:url(/category/writings/hero.jpg) no-repeat center; background-size:cover; }
.info-basic-w { width: auto; float: left; display: inline; margin:0; }
.thumbnail-w { float: right; display: inline; margin:15px 0 0 0; max-width:auto; text-align:right; }
#info-ext { margin: 0 auto; width: 100%; background: #fff; display:block; clear: left; }
.ext { font-size:15px; margin: 0; padding: 0; float: left; display: inline; margin-right: 15px; list-style:none; line-height: 1.5em; }
a:link .thumb { background-color: #fff; }
a:hover .thumb { background-color: #ccc; }
.thumb { height: 80px; width:auto; padding: 5px; margin: 0 0 15px 15px; border: 1px solid #D6D6D6; }
.thumbnail-w ul { padding:0; margin:0 0 0 10px; }
.thumbnail-w li { list-style:none; display: block; height:95px; float: left; }
.result { float: left; display: inline; width: 50%; margin: 20px 0 -20px 0; padding:0; min-height:280px; }
.result img { width: auto; height: auto; float: left; padding: 5px; margin: 10px; border: 1px solid #D6D6D6; max-width: 200px; max-height: 200px; }
.result img:hover { background-color: #ccc; }
/* FOOTER */
.third { width:33%; display:inline; float:left; }
.footer li { line-height:1.8em; }
.copy { display: block; clear:both; padding-top:10px; padding-bottom:50px; }
/* FOOTER */
/* ONE OFF STYLES */
.frame-control { display:block; width:100%!important; height:100%!important; }
.tile-style-three { margin: 0 0 0 10px; height: 115px; }
.tile-style-three img { width:110px; height:auto; border:none; float:left; margin:0 10px 0 0; padding:0; }
.tile-style-three p { margin-top: 0; padding-top: 0; }
.tile-style-four { margin: 0 0 0 10px;}
.tile-style-four img { width:95%; height:auto; border:none; float:left; margin:0 0 10px 0; padding:0; display: block; }
.tile-style-four p { margin: 0; padding: 0; display: block; }
.print { display:none; }
.tile-style-one h3 { font-weight:bold; font-size:17px; }
.tile-style-one img { width:100px; height:auto; border:none; float:left; margin:0 10px 0 0; padding:0; }
.tile-style-one a { font-weight:bold; }
.f-search { margin: 0 10px 20px 10px; padding: 0; }
.f-search-i { font-size:16px; margin: 0; padding: 3px 5px; border:1px solid #999; height:30px; width:auto; }
.f-search-b { font-size:16px; margin-left:-5px; padding: 3px 5px; border:1px solid #999; height:30px; width:40px; background-color: black; color: white; }
.col-two { display:inline; float:left; width:50%; }
.col-two-gone { display:inline; float:left; width:50%; }
.col-two-gone img { float:right; }
.bio-table p { padding-top:5px; padding-bottom:5px; }
/* ONE OFF STYLES */
/* === Remove input autofocus webkit === */
*:focus {outline: none;}
.contact_form ul { width: auto; list-style-type: none; list-style-position: outside; margin: 0; padding: 10px; }
.contact_form li { padding: 10px 0 10px 0; position: relative; }
.contact_form li:first-child, .contact_form li:last-child { }
/* === Form Header === */
.contact_form h2 { margin: 0; display: inline; }
.required_notification { color: #d45252; margin: 5px 0 0 0; display: inline; float: right; }
/* === Form Elements === */
.contact_form label { width: 200px; margin-top: 3px; display: inline-block; float: left; padding: 3px; }
.contact_form input { height: 30px; width: 280px; padding: 5px 8px; }
.contact_form textarea { padding: 8px; width: 350px; height: 150px; }
.contact_form button { margin-left: 0; }
/* form element visual styles */
.contact_form input, .contact_form textarea { border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius: 2px; padding-right: 30px; -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; }
.contact_form input:focus, .contact_form textarea:focus { background: #fff; border: 1px solid #555; box-shadow: 0 0 3px #aaa; }
/* === HTML5 validation styles === */
.contact_form input:required, .contact_form textarea:required { }
.contact_form input:required:valid, .contact_form textarea:required:valid { box-shadow: 0 0 5px #5cd053; border-color: #28921f; }
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { box-shadow: 0 0 5px #d45252; border-color: #b03535; }
/* === Form hints === */
.form_hint { background: #d45252; border-radius: 5px; color: white; margin-left: 8px; padding: 3px 6px; z-index: 999; /* hints stay above all other elements */ position: absolute; /* allows proper formatting if hint is two lines */ display: none; }
.form_hint::before { content: "\25C0"; color: #d45252; position: absolute; top: 1px; left: -6px; }
.contact_form input:focus + .form_hint { display: inline; }
.contact_form input:required:valid + .form_hint { background: #28921f; }
.contact_form input:required:valid + .form_hint::before { color:#28921f; }
/* === Button Style === */
button.submit { background-color: #68b12f; background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e)); background: -webkit-linear-gradient(top, #68b12f, #50911e); background: -moz-linear-gradient(top, #68b12f, #50911e); background: -ms-linear-gradient(top, #68b12f, #50911e); background: -o-linear-gradient(top, #68b12f, #50911e); background: linear-gradient(top, #68b12f, #50911e); border: 1px solid #509111; border-bottom: 1px solid #5b992b; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: inset 0 1px 0 0 #9fd574; -webkit-box-shadow: 0 1px 0 0 #9fd574 inset; -moz-box-shadow: 0 1px 0 0 #9fd574 inset; -ms-box-shadow: 0 1px 0 0 #9fd574 inset; -o-box-shadow: 0 1px 0 0 #9fd574 inset; color: white; font-weight: bold; padding: 6px 20px; text-align: center; text-shadow: 0 -1px 0 #396715; }
button.submit:hover { opacity: .85; cursor: pointer; }
button.submit:active { border: 1px solid #20911e; box-shadow: 0 0 10px 5px #356b0b inset; -webkit-box-shadow: 0 0 10px 5px #356b0b inset; -moz-box-shadow: 0 0 10px 5px #356b0b inset; -ms-box-shadow: 0 0 10px 5px #356b0b inset; -o-box-shadow: 0 0 10px 5px #356b0b inset; }
@media only screen and (min-width: 1025px) {
.header { width:1024px; }
.nav { width:1024px; }
.content { width:1024px; }
.footer { width:1024px; }
.det-width { width: 1024px; }
}
@media only screen and (max-width: 1024px) {
.frame-control { display:block; width:100%!important; height:320px!important; }
.header { width:100%; border-bottom:2px solid #999; }
.nav { display:none; }
.content { width:100%; }
.footer { width:100%; }
.det-width { width: 100%; }
.col-two { width:50%; }
.col-two-gone { display:none; }
.hero { height:auto; }
.hero img { height:auto; max-height:640px; max-width:100%; }
#slideshow { height: 740px; }
.slide-one,
.slide-two,
.slide-three,
.slide-four,
.slide-five,
.slide-six,
.slide-seven,
.slide-eight,
.slide-nine { height:640px; }
.main-img,
#slideshow { width:100%; }
}
@media only screen and (min-width: 320px) and (max-width: 667px) {
.header { width:100%; background-color:#000; border-bottom:none; }
.nav { display:none; }
.content { width:100%; }
.footer { width:100%; }
h2 a:link { color: #fff; text-decoration: none; }
h2 a:visited { color: #fff; text-decoration: none; }
h2 a:hover { color: #fff; text-decoration: underline; }
h2 a:active { color: #fff; text-decoration: underline; }
#slideshow { height: 400px; }
.slide-one,
.slide-two,
.slide-three,
.slide-four,
.slide-five,
.slide-six,
.slide-seven,
.slide-eight,
.slide-nine { height:300px; }
#slideshow .info-base { bottom:-100px; }
#slideshow { width:100%; }
.main-img,
.main-img img,
.det-width { height:300px; }
.det-width { width: 100%; }
.hero { height:auto; }
.hero img { height:auto; max-height:500px; max-width:100%; }
.gone { display:none;}
.result { float: left; display: block; width: 100%; }
.col-two { width:100%; }
.col-two-gone { display:none; }
h5 { margin:10px; }
.home-available { width:auto; margin: 0 10px 25px 10px; }
.home-available thums { margin-bottom:25px; }
.home-available img { width:115px; height:115px; float:left; }
.home-available img:hover { }
.home-available p { margin-top:15px; }
.thumbnail-w { display: none; }
.result { min-height:180px; }
.result img { width: 140px; }
/* FOOTER */
.third { width:100%; display:block; }
.footer .third li { border-bottom:1px solid #EBEBEB; margin: 0; padding: 0; }
.top-line {border-top:1px solid #EBEBEB; }
.footer .third li a { display:block; padding: 5px 10px; margin:0; }
.footer .third a:link { }
.footer .third a:hover { background:#E1E1E1; }
.footer .third a:visited { }
.footer .third a:active { background:#E1E1E1; }
/* FOOTER */
}
.hidden { display: none !important; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
@media print {
.nav-wrap { display:none;}
.print { display: block; font-size:16px; font-weight:bold; margin:25px 10px 10px 0; text-align:right; }
.footer-wrap { display:none; }
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
*, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; height:auto; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}