Ian Hover childs

by James Doyle

HTML

<div class="childlink">
    <h2><a href="#">Places</a></h2>
    <h5><a href="#">The Neighbourhoods of the Thousand Islands</a></h5>
</div>
<div class="childlink">
    <h2><a href="#">Themes</a></h2>
    <h5><a href="#">The Neighbourhoods of the Thousand Islands</a></h5>
</div>
<div class="childlink">
    <h2><a href="#">Books</a></h2>
    <h5><a href="#">The Neighbourhoods of the Thousand Islands</a></h5>
</div>

CSS

.childlink a {
text-decoration: none;
}
.childlink {
    text-align: center;
    height: 120px;
    width:270px;
    display: block;
    float: left;
}
.childlink h2 a{
    color:#1d3f75;
    font-weight: bold;
    font-size: 3em;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.2);
    display: block;
}
.childlink h5 a{
    color:#123368;
    font-weight: normal;
    font-size: 1.5em;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.2);
}
.childlink:hover h2 a, .childlink:hover h5 a {
    color: #fff;
    text-shadow: 0px 1px 1px #183a6f;
    cursor: pointer;
}