style.css
body, td, input, textarea {
font-family: sans-serif;
font-size: 10pt;
}
body {
background: #fac22a url(gradient.jpg) repeat-x 0 100%;
padding: 0;
margin: 0;
}
h2 {
background: #666666;
border-left: 2px solid #000000;
color: #fac22a;
font-size: 1.3em;
font-weight: bold;
margin: 1em 0;
margin-left: -1.2em;
padding: 0;
padding-left: 1.1em;
}
h3 {
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
margin: 1.4em 0 0.5em 0;
padding: 0;
}
a {
color: #000000;
}
#container {
background: url(tooth.png) repeat-y 100% 2em;
width: 50em;
margin: 0 auto;
padding: 8em 0 0 0;
}
#head {
margin-left: -26.5em;
position: absolute;
top: 0.5em;
left: 50%;
z-index: 10;
}
#head h1 {
font-size: 1em;
margin: 0;
padding: 0;
}
#head h1 a {
background: #b9c246;
border: 2px dashed #595959;
font-size: 1.2em;
text-decoration: none;
display: block;
padding: 0.7em 1em;
color: #000000;
}
#head h1 a:hover {
border-color: #000000;
}
#menu {
background: #fac22a url(gradient.jpg) repeat-x 0 -120px;
font-size: 1.1em;
line-height: 1.5em;
border-bottom: 4px solid #555555;
width: 100%;
height: 6em;
position: absolute;
top: 0;
left: 0;
z-index: 9;
overflow: visible;
}
#menu ol {
width: 37em;
position: absolute;
left: 50%;
top: 3.4em;
margin-left: -18.5em;
padding: 0;
}
#menu li {
margin: 0;
padding: 0;
list-style: none;
}
#menu li.trigger {
position: relative;
float: left;
}
#menu a {
padding: 0.2em 0.5em;
text-decoration: none;
}
#menu a:hover {
border-bottom: 5px solid #b9c246;
}
#menu ul {
display: none;
}
#content {
padding-right: 130px;
padding-bottom: 3em;
}
#footer {
height: 3em;
width: 200px;
text-align: right;
border-top: 4px solid #222222;
float: right;
}
#footer a {
text-decoration: none;
font-size: 0.8em;
letter-spacing: 0.1em;
display: block;
}
.nodisplay {
display: none;
}