* { margin: 0; padding: 0; } .clear { margin: -1px 0 0 0; padding: 0; clear: both; height: 1px; border: none; visibility: hidden; } body { height: 100%; background-color: white; } #blackTop a:link, #blackTop a:hover, #blackTop a:active { border: 0; color: black; background-color: black; }* h1 { margin: 10px 0 0 10px; width: 386px; height: 36px; background-image: url(../images/robert_panzullo.gif); background-repeat: no-repeat; display: block; } h1 a { width: 100%; height: 100%; text-indent: -9999px; display: block; } /* start navigation panel -------------------------------------------------- */ #nav { margin-left: -198px; width: 250px; position: relative; /*relative for IE so #content margin could be fixed */ top: 50px; z-index: 2; } #navLinks ul { padding-top: 16px; width: 198px; height: 156px; list-style-type: none; background-color: white; } #navLinks ul li { margin-bottom: 1px; } /* FOR FIREFOX; IGNORED BY SAFARI */ /* must use at the top of html page (after doc type) for this to work */ HTML:lang(en)>body #navLinks ul li { margin-bottom: 0; } #navLinks ul li a { font-family: arial, helvetica, sans-serif, verdana; font-size: 1.5em; background-color: black; color: white; text-decoration: none; } #navLinks ul li a:hover { background-color: red; } #slidingMenu { position: absolute; top: 0; right: 0; } #imgNav { position: absolute; right: 40px; bottom: 38px; } /* end navigation panel --------------------------------------------------------- */ #content { margin: -152px 0 0 70px; padding-bottom: 20px; max-width: 90%; } #content h2 { font-family: arial, helvetica, sans-serif, verdana; color: white; font-size: 1.5em; font-weight: normal; background-color: black; float: left; /* added to control background color width with increased text size */ } #content p { margin: 20px 300px 0 20px; font-family: arial, helvetica, sans-serif, verdana; font-size: .9em; line-height: 1.5em; color: #666666; } .art { margin: 0 0 20px 20px; border: 7px solid #e4e4e4; float: left; } .artFirst { margin: 20px 0 20px 20px; border: 7px solid #e4e4e4; float: left; } .artTTwidth { /* same as .art for controlling tooltip width if text is long */ margin: 0 0 20px 20px; border: 7px solid #e4e4e4; float: left; } .artFirstTTwidth { /* same as .artFirst for controlling tooltip width if text is long */ margin: 20px 0 20px 20px; border: 7px solid #e4e4e4; float: left; } form { margin: 20px 0 0 0; width: 500px; font-family: arial, helvetica, sans-serif, verdana; font-size: .9em; color: #666666; } fieldset { padding: 10px; border: 1px solid #cfcfcf; background-image: url(../images/postage.gif); background-repeat: no-repeat; background-position: top right; } * HTML legend { } label { margin-right: 5px; width: 70px; text-align: right; float: left; } input, textarea { margin: 0 0 10px 0; border: 1px solid #cfcfcf; background-image: url(../images/bg_forms.gif); background-repeat: repeat; } #enter { text-align: right; } #enter a.formBtn { margin-right: 10px; font-family: arial, helvetica, sans-serif, verdana; font-size: 1.2em; background-color: black; color: white; text-decoration: none; } #enter a:hover.formBtn { background-color: red; } /* start paintings area content ---------------------------------------------------------- */ #paintingsArea { padding-bottom: 20px; width: 100%; position: absolute; top: 0px; z-index: 1; } #blackTop { padding: 50px 0 50px 0; background-color: black; text-align: center; } #blackTop a:link, #blackTop a:hover, #blackTop a:active { border: 0; color: black; background-color: black; } #blackTop img { border: 0 } #paintingsArea h3 { font-family: arial, helvetica, sans-serif, verdana; color: #666666; text-align: center; font-size: 2.3vw; } #paintingsArea p { margin: 15px 30px 0 30px; font-family: arial, helvetica, sans-serif, verdana; font-size: 1.6vw; line-height: 1.5em; color: #666666; } #paintingsArea p.centered { margin: 15px 30px 0 30px; font-family: arial, helvetica, sans-serif, verdana; font-size: .9em; line-height: 1.5em; color: #666666; text-align: center; } .goBack { font-family: arial, helvetica, sans-serif, verdana; font-size: .85em; background-color: black; color: white; text-decoration: none; position: relative; top: 20px; left: 30px; padding: 7px 13px; } a:hover.goBack { background-color: red; } .commentButton a { font-family: arial, helvetica, sans-serif, verdana; font-size: .75em; background-color: #333; color: white; width: 124px; text-decoration: none; text-align: center; padding: 12px; -moz-border-radius: 15px; border-radius: 15px; display: block; margin-left: 26px; } .commentButton a:hover { background-color: #666; } /* end paintings area content ------------------------------------------------------------ */