/* 
   www.cam.ac.uk 'Rotating Feature' styling
   (c) University of Cambridge Computing Service 2008 
*/

#features {
        color: #fff;
        background-color: #9cc;
        width: 100%;
        height: 94px;
        overflow: hidden;
        position: relative;
}

/* div#features, rather than just #features, needed to 
   override div#content-primary elsewhere */

div#features a, div#features a:visited {
        padding: 0;
        margin: 0;
        font-weight: bold;
        line-height: normal;
        color: #fff;
}       

div#features a:hover {
        text-decoration: underline;
        color: #fff;
}       

#features ul {
        outline: solid;
        margin: 0;
        padding: 0;
        list-style: none;
}

#features ul li {
        float: left;
        margin: 0;
        padding: 0;
        outline: solid;
}

.feature-bg {
        height: 94px;
        position: absolute;
        left: 60%;
        top: 0;
        width: 38%;
        text-align: left;
        padding: 6px 10px 10px 10px;
        margin: 0;
}

.feature-bg h2 {
        line-height: normal;
        padding: 0 0 0 3px;
        margin: 0 0 -5px 0;
        font-weight: bold;
        font-style: normal;
        font-size: 1em;
}

.feature-bg p {
        font-size: 0.7em;
        margin: 0;
        padding: 5px;
}

.feature-links {
        text-align: right;
        position: absolute;
        top: 70px;
        right: 10px;
        }

.image-credit {
        font-size: 9px;
        position: absolute;
        bottom: 5px;
        left: 10px;
        margin: 0; 
        padding: 0;
}

.image-credit span {
        padding: 1px 5px 2px;
}