/*
Document: default.css
Enabled by Members of Staff (http://membersofstaff.co.uk)
*/

/* Default values */
body, html, table, tr {
border: 0;
height: 100%;
margin: 0;
width: 100%;
}
div, td {
color: #888;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
line-height: 14px;
}
h1, h2, h3, h4, h5, h6 {
font-size: 12px;
font-weight: normal;
margin: 0;
}
h3, h4, h5 {
color: #000;
margin: 0 0 9px 0;
}
img {
border: 0;
}
li {
float: left;
margin: 0 12px 0 0;
}
p {
margin: 0 0 9px 0;
}
td {
vertical-align: top;
}
ul {
clear: left;
margin: 0;
list-style: none;
padding: 0;
}

/* Dimensions and layout */
.bottom, .top {
height: 12px;
}
.buffer {
height: 9px;
}
.caption {
width: 192px;
}
.caption #narrow {
height: 100%;
margin: 0 24px 0 12px;
}
.copyright {
width: 192px;
}
.copyright div {
margin: 0 24px 0 0;
width: 168px;
}
.footer div {
margin: 0 12px 0 24px;
}
.header div {
margin: 10px 24px 0 0;
}
.link {
background-color: #ccc;
height: 18px;
margin: 0 0 7px 0;
padding: 2px 4px 2px 4px;
}
.name {
width: 126px;
}
.name div {
margin: 10px 12px 0 24px;
width: 90px;
}
#full {
height: 100%;
width: 100%;
}
#full p {
margin: 0 24px 7px 24px;
width: 168px;
}
#image {
margin: 0 0 12px 0;
}
#image, #text {
bottom: 0;
position: absolute;
}
#items {
margin: 0 12px 0 24px;
position: relative;
}
#large {
height: 468px;
}
#large, #small {
float: left;
margin: 0 12px 12px 0;
position: relative;
}
#narrow {
height: 228px;
width: 168px;
}
#narrow, #tall, #wide {
float: left;
margin: 0 12px 0 0;
position: relative;
}
#small, #wide {
height: 228px;
}
#tall {
height: 468px;
width: 348px;
}
#title {
width: 756px;
}
#title h1, #title h2 {
display: none;
}
#wide {
height: 228px;
width: 348px;
}
#wideread {
margin: 0 24px 0 24px;
width: 348px;
}
#narrowread {
margin: 0 24px 0 24px;
width: 168px;
}

/* Forms */
hidden {
display: none;
}
input {
border: 1px solid #888;
color: #888;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
height: 14px;
line-height: 14px;
margin: 0 0 6px 0;
padding: 1px 2px 1px 2px;
width: 162px;
}
label {
display: block;
padding: 2px 0 4px 0;
}
textarea {
border: 1px solid #888;
color: #888;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
height: 108px;
line-height: 14px;
margin: 0 0 6px 0;
padding: 2px 0 2px 0;
width: 166px;
}
select {
display: inline;
height: 18px;
margin: 0 0 6px 0;
}
.button {
border: 0;
background-color: #ccc;
cursor: pointer;
display: block;
height: 18px;
margin: 6px 0 0 0;
padding: 3px 4px 3px 4px;
width: auto;
}
.button:hover {
color: #000;
}
.button:active {
color: #888;
}
.help p {
margin: 3px 0 4px 0;
}

/* Links */
a:link, a:visited {
color: #888;
text-decoration: none;
}
a:hover {
color: #000;
}
a:active {
color: #888;
}
#image h3 {
visibility: hidden;
}
#image:hover h3 a {
visibility: visible;
color: #000;
}
#image:active h3 a {
color: #888;
}

/* Navigation */
.current {
color: #000;
}
.separator {
margin: 0;
text-align: center;
width: 12px;
}
.trail {
margin: 0;
}