/* 
    Document   : category
*/

.category-image
{
    height: 200px;
    width: 200px;
    border: none;
}

.category-link
{
    width:210px;
    height:210px;
    margin: 5px 20px;
    padding: 10px 5px 0px 5px;
    border: 1.5px solid #669933;
    position:relative;
    float:left;
}

.category-link .category-caption
{
    line-height: 25px;
    width:200px;
    height:35px;
    margin: 10px;
    background:#000;
    color:#fff;
    font-weight:bold;
    position:absolute;
    bottom:-1px;
    left:0;

    /* opacity setting */
    filter:alpha(opacity=70);    /* ie  */
    -moz-opacity:0.7;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.7;    /* for really really old safari */
    opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
}

.category-link .category-caption a
{
    text-decoration:none;
    color:#fff;
    font-size:14px;

    /* add spacing and make the whole row clickable*/
    padding:5px;
    display:block;
}