/* General ----------------------------------------------------------------------------------------------------------------- G */ * { margin: 0; outline: 0; border: 0; padding: 0; } body { font-size: 62.5%; margin: 0; padding: 0; background: #2A3129 url(../images/bg-small.jpg) repeat-x; } img { display: block; } div.clearfix { clear: both; } #wrap { width: 74.7em; margin: 0 auto; padding: 0; } #sig { width: 74.7em; height: 10em; background: url(../images/top.jpg) no-repeat bottom right; } /* Size & Positioning ------------------------------------------------------------------------------------------------- S & P */ #content { width: 74.7em; background: url(../images/content-bg.jpg) repeat-y; min-height: 50em; padding-bottom: 2em; } h2 { margin-top: 1em; } /* Sig */ #sig img { margin: 1em 0 0 8em; } /* Content Left */ #content #left { float: left; width: 54.6em; _width: 51em; } .in #content #left { width: 52.6em; padding: 2em 0 0 2em; } .in #left p { margin: 1em 0 0 0; } .in #left p.nomarg { margin: 0; } .in #left img { margin-top: 2em; } /* Bio */ #bio p { margin-left: 1em; } #bio #address { width: 48.2em; margin: 2em 0; border: 2px solid #A27B2E; background: #1A1A1A; padding: 1em; } #bio #address p { margin: .5em 0; } ul.bioul { width: 90%; margin-left: 2em; } ul.bioul li { margin: .5em 0; } /* Content Image */ #content #image { width: 52.7em; border: 2px solid #A27B2E; padding: 0; margin: 4em 0 0 -2em; position: relative; } #content #title { margin: .5em 3em 0 0; } #content #title p.award { float: left; margin-left: 20px; color: #A27B2E; } #content #title p.title { float: right; } #content #sold { float: right; margin: .2em 0 0 .5em; } #copyright { float: right; margin: 0 5.5em 1em 0; } /* Two Column Pages */ #left-text { width: 20em; float: left; margin: -2em 2em 0 0; } #right-text { width: 20em; float: left; } #left-text p, #right-text p { margin-top: 1em; } /* About */ #about #right-text img { margin-top: -.3em; } /* Awards Quote */ #left div.award-quote { width: 48.2em; height: 10em; background: url(../images/quote.jpg) no-repeat; padding: .01em 1em 1em 2em; margin: 2em 0 0 0; } #left div.award-quote p.name, #left div.award-quote p.sub { margin: -.5em 2em 0 0; } /* Contact */ #left #conad { margin-top: 2em; } #left #conad p { margin: .5em 0; } /* Content Right */ #content #right { float: right; height: 40em; width: 20em; background: url(../images/red.jpg) no-repeat; } #right #quote { width: 85%; margin: -1.5em auto 0 auto; } #right #quote p.name { margin: 0; } #right #quote p.sub { margin: 0 0 1em 0; } #right img { margin: 0 auto; } #right #nav ul { list-style: none; text-align: center; padding: 0; margin: 1em auto 0 auto; width: 85%; } #right #nav ul li { padding: .5em 0; } #right #nav ul li.dark { background: #471e1e; } #right #paintings { width: 16.3em; } /* Nav */ #bio #nav, .in #nav { margin-top: 13em; } #nav ul li#recent-li { overflow: hidden; padding: .57em 0 0 0; margin-bottom: 2em; position: relative; height: 14.68em; display: none; } #nav #next-controls { width: 16em; } #nav #back-controls { width: 16em; } #nav #next-controls p { float: right; } #nav #next { margin-left: 1em; } #nav #back-controls p { float: left; } #nav #back { margin-right: 1em; } /* Matrix's */ #recent-wrap { width: 40.1em; height: 14.68em; position: absolute; top: .57em; left: 0; } #left-matrix { width: 20em; height: 14.68em; float: left; } #right-matrix { width: 20em; height: 14.68em; float: left; } #right .imgrow { width: 20em; height: 3.8em; margin-bottom: .57em; } #right .imgrow img { float: left; margin-right: .37em; } #right img.lastimg { margin-right: 0; } /* Footer */ #footer { height: 2em; background: url(../images/bottom.jpg) no-repeat; } /* Typography ------------------------------------------------------------------------------------------------------------- T */ #content #title { font: 1.2em 'Helvetica Neue', Arial, Helvetica, sans; color: #999999; } body #copyright p { font: 1.1em 'Helvetica Neue', Arial, Helvetica, sans; color:; } h1 { font-size: 2.4em; font-family:'Helvetica Neue', Arial, Helvetica, sans; color: #FFFFFF; } h2 { font-size: 1.8em; font-family:'Helvetica Neue', Arial, Helvetica, sans; color: #A27B2E; } /* Right Typo */ #right #quote p { font: 1.2em Georgia; line-height: 1.4em; font-style: italic; color: #FFFFFF; } #right #quote p.name { font: 1em Helvetica, Arial, sans; text-align: right; color: #a87979; } #right #quote p.sub { font: .9em Helvetica, Arial, sans; text-align: right; color: #8F5050; } #right #nav a { font: 1.4em Georgia; color: #a87979; text-decoration: none; margin: 0; } #right #nav a:hover { color: #FFFFFF; } /* Nav Typo */ #nav #next-controls p, #nav #back-controls p { color: #FFFFFF; } #nav #next-controls a, #nav #back-controls a { font-size: 1em; font-weight: bold; font-family: 'Helvetica Neue', Arial, sans; } /* Two Column Typo */ #left-text, #right-text { color: #999999; font: 1.2em 'Helvetica Neue', Arial, Helvetica, sans; line-height: 1.8em; text-align: justify; } /* In Typo */ body.in p { font: 1.2em 'Helvetica Neue', Arial, Helvetica, sans; color: #999999; } /* About */ body#about p { font: 1.1em 'Helvetica Neue', Arial, Helvetica, sans; color: #999999; line-height: 1.6em; } /* Bio */ #bio #address p { color: #FFFFFF; text-align: left; font-weight: bold; } ul.bioul, #bio p { font: 1.2em 'Helvetica Neue', Arial, Helvetica, sans; color: #999999; } ul.bioul li { line-height: 1.6em; } /* Galleries */ .in #left a { font: 1.2em 'Helvetica Neue', Arial, Helvetica, sans; color: #FFFFFF; } .in #left a:hover { text-decoration: none; } /* Award Quote */ #left .award-quote p { color: #A27B2E; font-size: 1.1em; line-height: 1.6em; } #left .award-quote p.name { color: #999999; font-size: 1em; text-align: right; } #left .award-quote p.sub { color: #666666; font-size: 1em; text-align: right; } /* Contact */ #left #conad p { text-align: center; color: #A27B2E; } #left #conad p#con { color: #FFFFFF; } #next-controls, #back-controls { font: 1em 'Helvetica Neue', Arial, Helvetica, sans; } #copyright a { color: #6D7A6A; text-decoration: none; } #copyright a:hover { text-decoration: underline; }