/* Hypertexthero.css master stylesheet by Simon Griffee Copyright by Simon Griffee. Please don't re-use without permission. Last update: Wednesday, 18 August 2010 at 16:31:38 */ /* :isr:. ,s#@@@#r. i@@@@@@@M2, :hM@@@@@@@G; ;XGB#@@@@@@H; .sG&B@@@@@@@Ar ;ShA#@@@@@@@2: i3hA#@@@@@@#i. :53&H#@@@@@@A; :; ;ShhH@@@@@@@X. ,SA@@@. rhX2&@@@@@@B;.AB@@@@; r@H259#@@@@@@MM@@@@, ,H@@#2A#@@@@@#HB@@X ;M@@@3SH@@@@@##@@Hi;;;,. ,. ,MA&2S25A#@@@@@@#@@@@@@@@@5;r, ,@@@A22Gh#@@@@@@@@@@@@@@@@@@@@H9X;.. ...... .h@@@@@#AB&3GB@@@@@@@@@@@@@@@@@@@@@@@MAG2;: ,S35;,..... S333: .r2X3h&#@@@#BB#@@@@@@@@@@@@@@@@@@#A#A5r. rH@#; ;i9h9A@@@#BBM##@@@@@@@@@@@@@@@@@@@@@@A2s&@M; .: .: . .s39&M@@@##B2rsXB#@@@@@@@@@@@@@@@@@@@@MH2;; .: ;, : :: .. .;5A@@@@@#G2rr;;r2A#@@@@@@@@@@@@@GGB#@@@hS#i 3@@Gs: ,,. ,. ,9@@@@@@@@#hS;:,,rS&#@@@@@@#22#@@@@irHHHAi,. ;@@#@@@@@X,. : :sB#SM@@@@@@@@@@#h5;:,.;sGM@#5G@@@MM#GGA#MX22r. S@@@@@@@@@@5. ;2#@@@As X@@@@@@@@@@@@@#GS;:,,;iA@#5h@@@H9&GBG2GGS, ,B@@@@@@@@@@@h. .s#@@@Mr. HB;G@@@@@@@@@@@@@@@HGX9BS3@@##HXsrAirSX9hr. 2@@@@@@@@@@@@@@@@X. .. #M ;3@@@@@@@@@@@@@@@&3&@@@@@@2XXh:,:r;5Ai :M@@#@@@@@@@@@@@2. ., #@. ,5@@#@@@@@@@@@@@@@@@@@@@@@@#AA###Xr:;. .. 2@@@@#@@@@@@@@@@@B3r , M@@@@@@; :9@@@@@@@@@@@@@@@@@@BX, ,.. , :r. .9@@@#@###@@@@@@@@@@As: .iM@@@@3. ,&@##@@@5 ; ,.S@3 rh, r@@@@####@@@@@@@@@@@@@3A@@@@@M .. 3@#rS@@@h, . iAs;BX ;X. .r9M@@@@@####@@@@@@@@@@@@@r h@. ;, 5@@; r#@@@#r ;. ,;;;; :; :;iG#@@@@@@@@@@@@@@@@@@@#&@@3 ;r, ,@@# :M@@@@@i;; ,Si. :;;2AM@@@@@@@@@@@@@#@@@@@@@A;. ;, #@@2 .sH@@@@@2: iMX, ,,;;s2s;2#@@@@@@@@@@MGM@@@@@H: ,, ,@@@. i@@@@@Mr ,,;::. ,iA#@@@@@@#5rrh@@@@@@3. 2@@5 .r#@@@@2. ,;sssr:. ,sGB@@@@@Ai;SA@@@@@#2, @@@. ;A@@@@S. ,r25iir, ,;ShM@#H2A@@@@@@@@SH@@i ,. :&@@@2: .;i52isrr;;::,,..,;s55rr3&M@@@@@@@@. ., ;S; .r2X2SSSissrrrr;;::::,,::,,.i@@@@@3;:. .rSirsiS5iiissssrrr;;rX3A#@@@@@@@@@s. ,;rsssri5iiM@@@@@@@@@@@@@@@@@@X: .r5Xh#@@@@@@@@@@@@@@@@@@@&; :;rr;:sSH@@@@@@@@@@@@@@@@3: ,rr:.. ;XM@@@@@@AA@@@@@@Mi ,ris: .s5A@@@BAM@@@@@@@9, .ris,. .,:r9ABBB@@@@@@@H, .;s5ii;:::::;;;iS5h#@@@9: :s5SSisr;;::;;rsiGG, ,::;;rr;;:,. */ * {margin:0; padding:0;} body { font-family:"times new roman", times, serif; font-size:100%; color:#2e2a1f; background:#eae6d8 url(../images/bg.jpg) repeat 0 0; } a:link, a:visited {color:#2e2a1f; text-decoration:underline;} a:hover, a:active {text-decoration:none; color:#000; outline:none;} #wrapper {text-align:center;} #page {width:970px; text-align:left; margin:0 auto; background:url(../images/bg_technical.gif) no-repeat top center; background-position:5px 0;} body#error #page {padding-bottom:100px; background:url(../images/balloon_error.gif) no-repeat top left; background-position:352px -50px;} #header {margin:0 43px; height:137px; position:relative; background:url(../images/macchi_home.gif) no-repeat top right; margin-bottom:12px;} #header blockquote {position:absolute; bottom:0; left:0; width:422px; font-size:14px; line-height:17px;} #header p.breadcrumbs {position:absolute; bottom:0; left:0; font-size:14px;} h1#logo a {position:absolute; right:185px; bottom:0; width:227px; height:53px; background:url(../images/logo_home.gif) no-repeat 0 0; text-indent:-2000em;} h1#logo a:hover, h1#logo a:active, body#contact h1#logo a:hover, body#contact h1#logo a:active {background-position:0 -53px;} #content {padding-left:43px; position:relative;} body#logbook #content, body#archive #content, body#about #content, body#error #content {width:500px; float:left;} #sidebar {float:right; width:296px; font-size:14px;} #picture {float:left; margin:0 0 1em 0;} #picture p {max-width:400px;} /* home ---------------------- */ body#home #header {margin-bottom:12px;} div.column {width:155px; float:left; margin:0 26px 0 0;} div.column h2 {text-align:center;} h2#websites {height:111px; width:162px; background:url(../images/heading_websites.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;} h2#print {height:111px; width:162px; background:url(../images/heading_print.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;} h2#identity {height:111px; width:162px; background:url(../images/heading_identity.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;} h2#etcetera {height:111px; width:162px; background:url(../images/heading_etcetera.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;} div.column ul.thumbs {list-style:none;} div.column ul.thumbs li {margin-bottom:26px; width:155px; border:solid 1px #c4c1b2;} div.column ul.thumbs li:hover, div.column ul.thumbs li:active {border:solid 1px #2e2a1f;} /* contact ---------------------- */ body#contact #header p#homelink a {position:absolute; width:140px; height:109px; top:28px; left:0; display:block; text-indent:-2000em;} body#contact #page {padding-bottom:100px; background:url(../images/balloon.gif) no-repeat top left; background-position:196px 0; width:900px;} body#contact #header {background:url(../images/macchi_contact.gif) no-repeat top left; background-position:0 28px; margin-bottom:41px;} body#contact h1#logo a {width:240px; bottom:0; right:100px; background:url(../images/logo_contact.gif) no-repeat 0 0;} body#contact #content {position:relative;} body#contact #content form, body#contact #content p#thankyou {position:absolute; right:-47px; top:0; width:336px; padding-right:90px; background:url(../images/inverted_jenny.gif) no-repeat bottom right;} body#contact #content p#thankyou {padding-bottom:200px;} body#contact #content form textarea {width:336px; } input, textarea {margin-bottom:1em; padding:2px;} label {color:#45423b;} button {border:none;} /*input.zemSubmit {border:none !important; width:auto !important;}*/ ul.zemError {color:#900;} div#address {font-size:0.9em; line-height:1.2em;} div#brief {position:absolute; width:220px; top:190px; left:245px; text-align:center; color:#45423b;} div#brief h3, div#address h3 {font-size:1em; font-weight:normal;} div#address h3 {font-style:italic;} /* work ---------------------- */ body#work #header p#homelink a, body#error #header p#homelink a {position:absolute; width:140px; height:109px; top:0; right:0; display:block; text-indent:-2000em;} div#description {width:296px; float:left; padding-left:43px; font-size:15px;} body#work #header p.breadcrumbs, body#about #header p.breadcrumbs {bottom:22px;} /* logbook ---------------------- */ body#logbook #header {background:url(../images/aeroplane_larc_en_ciel_n1_pilote_drouhin.gif) no-repeat; background-position:right bottom;} body#logbook #header p, body#archive #header p {width:28em; font-size:14px; position:absolute; bottom:0; left:0;} body#logbook #header p strong a, body#archive #header p a {font-style:italic; font-size:22px; line-height:14px;} body#logbook #content blockquote {padding-left:1em; border-left:1px solid #c4c1b2;} body#logbook #content h1 {font-size:100%;} body#logbook #content h1 a {text-decoration:none;} /* archive ---------------------- */ body#archive #header {background:url(../images/aeroplane_larc_en_ciel_n1_pilote_drouhin.gif) no-repeat; background-position:right bottom;} body#archive form {margin-bottom:1em;} body#archive #content h2.archivemonth { margin:1.5em 0; font-weight:bold; } body#archive #content p.archiveday { line-height:1em; margin:0 0 -1em 1em !important; } body#archive #content p.archivetitle { line-height:1em; position:relative; padding-left:2.8em; } /* misc ---------------------- */ body#about #header {background:url(../images/macchi_home.gif) no-repeat top right; margin-bottom:12px;} body#about #page, body#archive #page {background:url(../images/bg_technical.gif) no-repeat top center; background-position:5px 0;} /* typography, etc ---------------------- */ p#homelink {line-height:0 !important; margin:0 !important; font-style:italic;} p#homelink a:hover, p#homelink a:active {text-indent:0 !important; line-height:1em !important; color:#afa99f;} p {margin:0 0 1em;} dt {margin:0 0 0.5em; color:#2e2a1f;} dd {margin:0 0 2em 1em;} dd p {color:#000;} ul, ol {margin-bottom:1em;} ul ul, ol ol {margin-left:1em;} ol ol {list-style:lower-roman; font-size:0.9em;} blockquote ul, blockquote ol {margin-left:2em;} a.plink {color:#c4c1b2; text-decoration:none; font-size:0.8em;} body#logbook dt a:hover {background:#c4c1b2; color:#000;} body#logbook dt a:hover {background:#c4c1b2; color:#000;} body#logbook dt:hover a.plink {color:#000;} body#logboook a.plink:hover {color:#000;} h1 {font-size:19px; font-weight:bold;} h2 {font-size:16px; margin-bottom:0.4em;} h2.dateline {margin:3em 0; text-transform:uppercase; font-size:13px; letter-spacing:0.1em; font-weight:normal;} h3.posted {font-size:14px; font-style:italic; font-weight:normal; margin-top:0em;} .small {font-size:0.8em;} p.caption {font-size:15px; font-style:italic;} pre.articlebreak {margin:5em 0; font-family:monospace; color:#afa99f;} p.datelineresults {margin:2em 0 0;} p.footnote {font-size:0.8em;} p.paging {margin:5em 0;} img {border:0; display:block; margin-bottom:1em;} body#home img {margin-bottom:0;} acronym {border-bottom:1px dashed #2e2a1f;} sup {line-height:0;} .caps {font-size:0.9em;} #footer {clear:both; padding:26px 43px; font-size:14px;} /* lightbox - http://www.huddletogether.com/projects/lightbox/ ---------------------- */ #lightbox { color:#333; background-color:#eee; padding:8px; border-bottom:1px solid #666; border-right:1px solid #666; } #lightbox a:link, #lightbox a:visited {background-color:#eee; color:#000; text-decoration:underline; font-weight:bold;} #lightbox kbd {background:#ff9;} #lightboxDetails { font-size: 0.9em; padding-top: 0.5em; } #lightboxCaption {float:left;} #keyboardMsg {float:right;} #lightbox img {border:none;} #overlay img {border:none;} #overlay {background-image:url(../images/overlay.png);} * html #overlay{ background-color: #000; background-image: url(blank.gif); }