html { background:#333; color:#aaa; font-family:Arial,sans-serif; font-size:16px; } body { background:#333; color:#aaa; font-size:1em; } a { color:#fc9; text-decoration:none; } a:link { color:#fc9; } a:visited { color:#c96; } a:hover { color:#fec; } a:active { color:#ffd; } h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", serif; font-weight:bold; } h1 { font-size:1.75em; line-height:1.42857; } h2 { font-size:1.375em; line-height:1.8181818; } h3, h4, h5, h6 { font-size:1.125em; line-height:2.22222; } i, em, q, blockquote { font-style:italic; } b, strong { font-weight:bold; } ol li { list-style-type:decimal; margin:0.5em 1em; } span.label { font-weight:bold; text-decoration:underline; } #body { background:#393939; clear:both; color:#aaa; margin:0 auto; max-width:62em; width:98%; min-height:100vh; } #content { padding:1em; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin:0.25em 2em; } #content p { line-height:1.5; margin:1em; } #cse-search-box { font-size:0.8125em; line-height:2.46154; padding:1em; } #cse-search-box input[type="submit"] { border:outset 0.125em #444; } #footer { color:#000; font-size:0.8125em; line-height:2.46154; padding-right:1em; text-align:right; } #header { clear:both; overflow:hidden; white-space:nowrap; width:100%; } #logo { display:block; float:left; min-width:15em; width:30%; } #nav-portfolio { background:#393939; font-size:0.8125em; line-height:2.46154; } #nav-portfolio a:link { background:#393939; color:#fc9; } #nav-portfolio a:visited { background:#393939; color:#fc9; } #nav-portfolio a:hover { background:#444; color:#fec; } #search { display:block; overflow:hidden; padding-right:2em; text-align:right; white-space:nowrap; } #skip { display:none; } #splash { text-align:center; } .nav { background:#444; clear:both; font-size:1em; font-weight:bold; line-height:2; width:100%; } .nav, .nav ul, .nav li, .nav a { overflow:hidden; white-space:nowrap; } .nav li { float:left; } .nav a { display:block; padding:0 1em; text-align:center; text-decoration:none; } .nav a:link, .nav a:visited { background:#444; color:#fc9; } .nav a:hover { background:#333; color:#fec; } #nav-bot { border-top: 4em solid #393939; } .portrait { float:left; margin:1em; } #splash img, .portrait { -moz-border-radius:1em; -webkit-border-radius:1em; -khtml-border-radius:1em; border-radius:1em; -moz-box-shadow:0.5em 0.5em 0.5em #222; -webkit-box-shadow:0.5em 0.5em 0.5em #222; box-shadow:0.5em 0.5em 0.5em #222; } #portfolio-cover, #portfolio-thumbs { float:right } #portfolio-cover img, .thumb, .thumb img { float:left; } #portfolio-thumbs { padding-top:0.75em; width:65%; } #portfolio-cover { max-width:35%; overflow:hidden; text-align:center; width:20em; } #nav-portfolio ul { float:right; padding-right:5em; } .thumb { width:9em; height:11.5em; overflow:hidden; } .thumb a { display:block; width:7.5em; height:10em; overflow:hidden; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }