@CHARSET "ISO-8859-1"; /* * Default values for most tags */ body { background-color: rgb( 32, 32, 32 ); font-family: "American Typewriter", "Lucida Sans Typewriter", Georgia, Arial; /* typewriter, serif; */ font-size: 16px; margin: 0; padding: 0; border: 0; color: white; } a { color: white; text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* * Major area styling */ #everything { display: none; position: absolute; top: 50%; left: 50%; margin: -344px 0 0 -525px; width: 1050px; height: 688px; } #content { position: absolute; top: 10px; left: 0; width: 860px; } #menu { position: absolute; top: 176px; right: 0px; padding: 0; width: 190px; background-color: rgb( 32, 32, 32 ); /* Same as */ } #footer { position: absolute; top: 725px; width: 100%; border-top: 1px solid #888; display: none; /* TODO: Figure out if we're using a footer on the main page */ } /* * bits and pieces */ #footer p { color: #888; font-size: 75%; text-align: center; margin: 0; padding: 0; } /* * Thumbnails grid */ #thumbs { border: 0; margin: 0; padding: 0; position: relative; } #thumbs .thumbCell { float: left; margin: 0; padding: 0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; /*margin-left: -1px; margin-top: -1px; /* Remove double borders */ height: 171px; width: 171px; text-align: center; } #thumbs .firstRow { border-top: none; } #thumbs .firstCol { border-left: none; } #thumbs img { border: 0; margin: 0 auto; } #thumbs img.blank { height: 160px; width: 160px; } #paginate { } #paginate div { display: inline; float: right; } #paginate div.prev { display: inline; float: left; } /* * Menu styling */ #menu ul { clear: both; list-style: none; margin: 10px; padding: 0; margin-left: 25px; } #menu ul li { line-height: 25px; font-size: 85%; } #menu ul li a { display: block; } #menu ul li ul { margin: 0; padding: 0 0 10px 20px; } #menu ul li ul li { font-size: 100%; } #menu #links ul { display: none; } #menu h1 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; text-align: center; letter-spacing: .2em; } #menu h1 span { display: block; float: right; } /* * Warning for non-JS enabled browsers */ #noJS { width: 100%; position: absolute; top: 0; left: 0; } #noJS div { background-color: rgb( 89, 89, 89); position: relative; margin: 25px auto; width: 250px; padding: 10px; } #noJS div p { color: white; text-align: center; } /* * Contact information div */ #contactInfo, #clientList { position: absolute; width: 100%; height: 100%; left: -999999px; /* Display off screen so search engines see it, but no one else */ top: 0; } #contactInfo div, #clientList div { width: 300px; height: auto; position: absolute; left: 50%; top: 0; /* NOTE: This gets overwritten in JS */ margin: 0 0 0 -150px; /* left margin = .5 width */ z-index: 100; padding: 0; background-color: transparent; color: white; } #contactInfo div p, #clientList div p { font-size: 110%; text-align: center; } #contactInfo div em, #clientList div em { font-style: italic; font-size: 80%; }