html {
height : 100%;
}
body {
font-family : arial, sans-serif;
padding : 0;
margin : 0;
font-size : 0.78em;
}
p {
margin : 0;
padding : 0 0 16px 0;
line-height : 1.7em;
}
h1, h2, h3, h4 {
font-size : 110%;
letter-spacing : 0.1em;
padding : 7px 0 5px 0;
margin : 0 0 12px 0;
text-transform : uppercase;
font-weight : normal;
}
img {
border : 0;
margin : 0;
padding : 0;
}
a {
outline : none;
}
form {
padding : 0;
margin : 0;
}
.left {
float : left;
border-right : 18px solid;
width : auto;
}
.right {
float : right;
border-left : 18px solid;
width : auto;
}
.center {
display : block;
text-align : center;
margin : 0 auto;
}
blockquote {
margin : 20px 0 20px 0;
padding : 10px 20px 0 20px;
border-left : 8px solid;
}
#main, #footer, #logo, #menubar, #site_content {
margin-left : auto;
margin-right : auto;
}
#main {
width : 760px;
}
#colours {
text-align : right;
padding : 30px 0 0 0;
}
#site_content {
overflow : hidden;
padding : 105px 0 0 0;
width : 100%;
}
#content {
text-align : center;
float : center;
width : auto;
padding : 12px 15px 15px 0;
}
#content h1 {
font-size : 125%;
}
#content a, #footer a {
border-bottom : 1px dotted;
}
#content a:hover, #footer a:hover {
border-bottom : 1px solid;
}
#content a.colour, #content a.colour:hover {
border-bottom : 0;
}
#footer {
height : auto;
width : 100%;
padding : 18px 0 4px 0;
text-align : center;
}
#content a, #content a:hover, #footer a, #footer a:hover {
text-decoration : none;
}