
#letters {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#letters ul {
    position: relative;
    width: 104%;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

@media screen and (min-width: 600px) {
    #letters ul { width: 101%; }
}

#letters li {
    list-style: none;
}

#letters a {
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    width: 40px;
    height: 40px;
    color: #333;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    background: #c79b5c url(wood.png) scroll center center;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 1px 1px 0 #98643c, 2px 2px 0 #98643c, 3px 3px 0 #98643c;
    -webkit-box-shadow: 1px 1px 0 #98643c, 2px 2px 0 #98643c, 3px 3px 0 #98643c;
    box-shadow: 1px 1px 0 #98643c, 2px 2px 0 #98643c, 3px 3px 0 #98643c;
}

#letters li:nth-child(2n+2) a { background-position: 0 0; }
#letters li:nth-child(3n+3) a { background-position: 75% 75%; }
#letters li:nth-child(5n+5) a { background-position: 75% 0; }

#letters.active a {
    opacity: .6;
}
#letters.active a.active {
    opacity: 1;
}

#words {
    position: relative;
    min-height: 240px;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    overflow: hidden;
    zoom: 1;
}

#words p {
    position: relative;
    float: left;
    width: 50%;
}

#words p.dim {
    color: #999;
    font-weight: normal;
}

#words span.dim {
	color: #999;
	font-weight: 100;
}

#words p.single {
    float: none;
    width: 100%;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

@media screen and (max-width: 479px) {
    #words p.single {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media screen and (max-width: 319px) {
    #words p.single {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
