html {
font-size: 100%;
}
html {
overflow-y: scroll;
}
* {
margin: 0;
padding: 0;
}
.keyline {
border: 1px solid white;
}
.center {
text-align: center;
}
a:focus {
outline: none;
}
img {
border: none;
}
a:link, a:visited {
color: rgb(0, 0, 255);
}
a:hover {
color: red;
}
body {
font: 62.5% Arial, Helvetica, sans-serif;
background: rgb(121, 136, 170);
color: white;
height: 100%;
}
#wrapper {
width: 850px;
margin: 0 auto;
}
#header {
height: 160px;
}
#header h1 {
margin: 0;
}
#content {
padding: 5px 20px;
font-size: 1.4em;
}
#content p {
margin-bottom: 1em;
}
#content p.first {
padding: 1em 0 1em;
margin-left: 10%;
margin-right: 10%;
font-size: 1.45em;
}
#content h1 {
font-size: 1.4em;
margin: 0 0 .5em;
letter-spacing: .2em;
}
#footer {
padding: 0 20px;
}
#footer p {
margin: 0;
padding: 10px 0;
}
#footer a:link, #footer a:visited {
color: white;
}
#footer a:hover {
color: rgb(204, 204, 204);
}
table.products {
margin: 0;
width: 100%;
}
table.products img {
border: 1px solid white;
}
table.products td {
width: 25%;
text-align: center;
vertical-align: top;
padding: 0 6px 0;
}
table.products p {
font-size: .8em;
margin-top: 2px;
}
table.shows {
margin: 0 auto;
width: 70%;
border-collapse: collapse;
border: none;
}
table.shows td {
text-align: center;
width: 33.3%;
}
table.shows img {
border: 1px solid white;
}
p.carving {
text-align: center;
font-size: .8em;
margin: 0 35%;
}
p.instructions {
padding-top: 10px;
}
#navbar {
padding: 5px 0;
text-align: center;
font-size: 1.4em;
}
#navbar span {
margin-left: 6px;
margin-right: 7px;
color: white;
}
#navbar a:link, #navbar a:visited {
text-decoration: none;
color: white;
font-weight: bold;
}
#navbar a:hover {
color: #555;
font-weight: bold;
}
#navbar a.selected {
color: rgb(85, 85, 85);
font-weight: bold;
}