/* styles for peredur.net */
body {
    width:80%;
    font: 14px/1.25 Helvetica, Arial, sans-serif;
    margin:1em auto;
}

.img-link {
    border:0;
}

.left-image {
float:left;
}

#header h1 {
    padding:1em 0 0 10em;
    color:#b4454e;
    min-width:17em;
}

#peredur-logo {
    margin-right:1em;
}

#wrapper {
    position:relative;
}

#left-nav {
    position:absolute;
    top:0;
    left:0;
}

#left-nav h1 {
    margin-top:0;
    width:8em;
    background-color:#92a1c0;
    color:#384c71;
}

#left-nav p {
    margin:0;
    padding:0;
}

#left-nav a:link,
#left-nav a:visited,
#left-nav a:hover,
#left-nav a:active {
    display:block;
    padding:0.5em 0;
    font-weight:bold;
}

#left-nav a:link {
    color:#b4454e;
    text-decoration:underline;
}

#left-nav a:visited {
    color:gray;
    text-decoration:underline;
}

#left-nav a:hover {
    background-color:#EEE;
    text-decoration:none;
}

#left-nav a:active {
    color:red;
    text-decoration:none;
}

#content {
    clear:both;
    padding-left:20em;
}

#content h1 {
    margin-top:1em;
    background-color:#92a1c0;
    min-width:20em;
}

#content h1, #content h2 {
    color:#384c71;
}

#footer {
    margin-top:1em;
    border-top:1px solid black;
    padding-top:1em;
}

#footer-text {
    text-align:center;
    float:left;
    width:100%;
}

#footer-text small {
    font-weight:bold;
}

table {
    border:1px solid #384c71;
    border-collapse:collapse;
}

thead {
    background-color:#92A1C0;
    color:#384c71;
    text-align:left;
}

td, th {
    padding:.25em .5em;
}

tr.even {
background-color: #efefef;
}