/* General styling */ * {margin:0;padding:0;} body {width:910px;padding:20px;} /* Firefox button focus */ a:focus { -moz-outline: 0px dotted ! important } button:-moz-focus-inner, input[type="reset"]:-moz-focus-inner, input[type="button"]:-moz-focus-inner, input[type="submit"]:-moz-focus-inner, { border: 0px dotted transparent; } button:focus:-moz-focus-inner, input[type="reset"]:focus:-moz-focus-inner, input[type="button"]:focus:-moz-focus-inner, input[type="submit"]:focus:-moz-focus-inner, { border-color: ButtonText; } /* Main navigation menu */ #logo {width:8.5em;letter-spacing:0.2em;margin-left:1em;margin-bottom:26px;float:left;font-family:arial;font-weight:bold;font-size:210%;color:#CCCCCC;} #logo a:link {color:#CCCCCC;text-decoration:none;border:0;} #logo a:visited {color:#CCCCCC;border:0;text-decoration:none;} #logo a:active {border:0;} #logo a:hover {color:#CCCCCC;border:1;} /* was color:#333333 */ #nav {position:absolute;margin-top:1em;margin-left:21.7em;margin-bottom:0;width:40em;letter-spacing:0.2em;font-family:arial;font-weight:bold;font-size:95%;} #nav ul {list-style:none;padding:0;margin:0;} #nav li {margin-left:1.25em;margin-bottom:0;margin-right:1.25em;margin-top:0;float:left;color:#333333;} #nav a {float:left;margin:0;color:#CCCCCC;text-decoration:none;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav li a {float:none;} /* End IE5-Mac hack */ #nav a:hover {color:#333333;} #secnav {position:absolute;margin-left: 18em;margin-bottom:0;margin-top:2.9em;width:55em;letter-spacing:0.1em;font-family:arial;font-weight:bold;font-size:80%;} #secnav ul {list-style:none;padding:0;margin:0;} #secnav li {color:#333333;margin-left: 1em;margin-bottom:0;margin-right: 1em;margin-top:0;float:left;} #secnav a {float:left;margin:0;color:#CCCCCC;text-decoration:none;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #secnav li a {float:none;} /* End IE5-Mac hack */ #secnav a:hover {color:#333333;} #line {background-color:#CCCCCC;top:3.4em;left:1.4em;height:1px;position:absolute;width:56.6em;float:left;} /* Text and older Press pages */ #text {margin-left:150px;margin-right:150px;margin-top:87px;width:610px;color:#000;font-size:12px;font-family:arial;} #text a:link {color:#FFFFFF;text-decoration:none;border:0;} #text a:visited {color:#FFFFFF;border:0;text-decoration:none;} #text a:active {border:0;} #text a:hover {color:#CCCCCC;border:1;} #textline {background-color:#CCCCCC;height:1px;width:610px;margin-top:20px;margin-bottom:20px;} #text h1 {color:#333333;font-size:14px;font-family:arial;} /* Press page */ #press {margin-left:125px;margin-right:125px;margin-top:87px;width:660px;color:#000;font-size:12px;font-family:arial;} #press a{opacity:.75} #press a:link {color:#FFFFFF;text-decoration:none;border:0;} #press a:visited {color:#FFFFFF;border:0;text-decoration:none;} #press a:active {border:0;opacity:.99} #press a:hover {color:#CCCCCC;border:1;opacity:.99} .press_entry {padding-bottom:28px;margin-top:2px;float:left;margin-left:0px;margin-right:0px;width:660px;} .press_pix {float:left;margin-left:2px;margin-right:0px;width:150px;} .press_text {text-align:justify;float:left;margin-left:7px;margin-right:0px;width:500px;} .press_text h1 {text-align:left;color:#333333;font-size:14px;font-family:arial;} /* Press article */ #art {margin-left:40px;margin-right:25px;margin-top:87px;width:860px;color:#000;font-size:12px;font-family:arial;} #art a {color:#333333;} /* Home page */ #home {padding-bottom: 20px; line-height:21px;position:absolute;margin-left:25px;margin-right:25px;margin-top:87px;width:860px;color:#000;font-size:15px;font-family:arial;} #home a:link {color:#FFFFFF;text-decoration:none;border:0;} #home a:visited {color:#FFFFFF;border:0;text-decoration:none;} #home a:active {border:0;} #home a:hover {color:#FFFFFF;border:0;} #home_quote {font-style: italic; font-size:16px;font-family:arial;} #copy {margin-top:0px;color:#888;font-size:11px;font-family:arial;} #copy a:link {color:#888;text-decoration:none;border:0;} #copy a:visited {color:#888;border:0;text-decoration:none;} #copy a:active {border:0;} #copy a:hover {color:#333333;border:0;} /* Gallery list page */ #gallery_list {position:absolute;margin-left:24px;margin-right:24px;margin-top:99px;width:900px;} .gallery_thumb {text-align:left;float:left;margin-left:10px;margin-right:10px;width:198px;height:195px;font-size:14pt;font-family:arial;} .gallery_thumb a:link {color:#CCCCCC;text-decoration:none;} .gallery_thumb a:visited {border-width: 0; color:#CCCCCC;text-decoration:none;} .gallery_thumb a:active {border-width: 0;} .gallery_thumb a:hover {color:#333333;} .gallery_thumb_date {font-size:10pt} /* Individual gallery pages */ #gal_header {float: left; width: 500px; margin-bottom: 20px; text-align: left;font-family:arial;font-weight:bold;font-size:11pt;color:#333333;} .gal_lnav { margin-right:0.4em; margin-top: 0.2em; float: left; font-weight: normal; text-align: left; font-size:11pt;font-family:arial;color:#CCCCCC} .gal_lnav a:link {border-style: none; color:#CCCCCC;text-decoration:none;} .gal_lnav a:visited {border-style: none; border-width: 0; color:#CCCCCC;text-decoration:none;} .gal_lnav a:active {border-style: none; border-width: 0;} .gal_lnav a:hover {border-style: none; color:#333333;} .gal_rnav { margin-left:0.4em; margin-top: 0.2em; float: left; font-weight: normal; text-align: left; font-size:11pt;font-family:arial;color:#CCCCCC} .gal_rnav a:link {border-style: none; color:#CCCCCC;text-decoration:none;} .gal_rnav a:visited {border-style: none; border-width: 0; color:#CCCCCC;text-decoration:none;} .gal_rnav a:active {border-style: none; border-width: 0;} .gal_rnav a:hover {border-style: none; color:#333333;} .gal_title { margin-top: 0.2em; float: left; text-align: left;font-family:arial;font-weight:bold;font-size:11pt;color: #444444;} /* Contact page */ #contact {margin-left:30px;margin-right:30px;margin-top:87px;width:850px;color:#000;font-size:12px;font-family:arial;} #contact a:link {color:#888;border:0;text-decoration:none;} #contact a:visited {color:#888;border:0;text-decoration:none;} #contact a:active {border:0;} #contact a:hover {color:#000;border:1;} #contact_text_pane {text-align:left;float:left;margin-left:80px;margin-right:20px;margin-top:0px;width:370px;} #contact_text_pane h1 {color:#333333;font-size:14px;font-family:arial;} #contact_pix_pane {float:left;margin-left:25px;margin-right:0px;width:300px;} /* Links page */ #links {margin-left:200px;margin-right:150px;margin-top:87px;width:610px;color:#000;font-size:12px;font-family:arial;} #links a:link {color:#888;border:0;text-decoration:none;} #links a:visited {color:#888;border:0;text-decoration:none;} #links a:active {border:0;} #links a:hover {color:#000;border:1;} #links h1 {color:#333333;font-size:14px;font-family:arial;} .links_block {padding-bottom:20px;margin-left:0px;margin-right:0px;margin-top:0px;width:285px;float:left;} /* List of images to be pre-loaded */ /* TODO mexico hasselblad gallery images not pre-loaded... */ #gallery_img_me1 a {background:url(../img/thumbs/gal_mexico_teatro.jpg);} #gallery_img_me2 a {background:url(../img/thumbs/gal_mexico_iztapalapa.jpg);} #gallery_img_mex a {background:url(../img/thumbs/gal_mexico_tocayo.jpg);} #gallery_img_sun a {background:url(../img/thumbs/gal_sunset_portraits.jpg);} #gallery_img_per a {background:url(../img/thumbs/gal_personae.jpg);} #gallery_img_bac a {background:url(../img/thumbs/gal_backstage.jpg);} #gallery_img_wig a {background:url(../img/thumbs/gal_wigstock.jpg);} #gallery_img_clo a {background:url(../img/thumbs/gal_clothes_minded.jpg);} #first_img_me1 a {background:url(../img/m101.jpg);} #first_img_me2 a {background:url(../img/m201.jpg);} #first_img_mex a {background:url(../img/m401.jpg);} #first_img_sun a {background:url(../img/s01.jpg);} #first_img_per a {background:url(../img/p01.jpg);} #first_img_bac a {background:url(../img/b01.jpg);} #first_img_wig a {background:url(../img/w01.jpg);} #first_img_clo a {background:url(../img/c01.jpg);}