- @charset "UTF-8";
- /* CSS Document */
- /* Eric Meyers CSS Reset */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-weight: inherit;
- font-style: inherit;
- font-size: 100%;
- font-family: inherit;
- vertical-align: baseline;
- }
- /* remember to define focus styles! */
- :focus {
- outline: 0;
- }
- body {
- line-height: 1;
- color: black;
- background: white;
- }
- ol, ul {
- list-style: none;
- }
- /* tables still need 'cellspacing="0"' in the markup */
- table {
- border-collapse: separate;
- border-spacing: 0;
- }
- caption, th, td {
- text-align: left;
- font-weight: normal;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: "";
- }
- blockquote, q {
- quotes: "" "";
- }
- /* Setup the @fonts and any default values */
- p, h1, h2, h3 {
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 11px;
- }
- body {
- background-color:white;
- }
- a {
- color: #7A7A7A;
- border-bottom: dotted 1px;
- text-decoration:none;
- }
- a:hover {
- border: 0px;
- }
- /* Positional stuff */
- #wrapper {
- width: 8800px;
- }
- #container {
- width: 550px;
- float: left;
- margin-left: 290px;
- }
- #faux-pas, #contact, #about, #submit {
- float: left;
- }
-
- #content {
- margin-top: 160px;
- }
- #footer {
- width: 200px;
- clear: left;
- left: 40px;
- top: 580px;
- position: absolute;
- }
- h1#logo {
- position: absolute;
- width: 220px;
- top: 40px;
- left: 40px;
- }
- /* for browsers that support fixed property */
- body>div#wrapper>div#footer, body>div#wrapper>div#header>h1#logo { position: fixed; }
- /* Typography and styling */
- h1 {
- font-family: Helvetica, Arial, sans-serif;
- font-size: 22px;
- font-weight: bold;
- line-height: 36px;
- }
- h1 span.underline {
- border-bottom: solid 5px;
- font-family: Helvetica, Arial, sans-serif;
- }
- h2 {
- font-size: 72px;
- margin-bottom: 45px;
- font-weight: bold;
- font-style: italic;
- }
- h3 {
- font-size: 18px;
- line-height: 22px;
- color: #7A7A7A;
- font-family: Helvetica, Arial, sans-serif;
- padding-bottom: 12px;
- }
- #footer p, #footer a {
- color: #999;
- line-height: 16px;
- }
- #footer a {
- text-decoration: none;
- border-bottom: dotted 1px;
- }
- #footer a:hover {
- border-bottom: 0px;
- }
- em {
- font-style: italic;
- }
- .faux-no {
- text-transform: uppercase;
- letter-spacing: 2px;
- margin-bottom: 5px;
- }
- /* Nav */
- #nav {
- position: absolute;
- width: 400px;
- left: 285px;
- top: 36px;
- }
- body>div#wrapper>div#header>ul#nav { position: fixed; }
- li {
- display: inline;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 18px;
- }
- li a {
- border-bottom: dotted 1px;
- text-decoration: none;
- color: #666;
- }
- ul {
- padding: 5px;
- }
-
- /* Button Classes */
- .button {
- font-family: Helvetica, Arial, sans-serif;
- font-size: 14px;
- font-weight:bold;
- color: black;
- margin-right: 10px;
- border: 0px;
- line-height: 36px;
- }
- .button:hover {
- border-bottom: solid 5px;
- }
- .navselected {
- border-bottom: solid 5px;
- }
- h1#logo a {
- color: black;
- text-decoration: none;
- }