/*------------------------------------------
	Header
------------------------------------------*/


#filter-group{
    margin: 0 0 0 70px;
    padding: 0;
}
#filter-group li{
    list-style: none;
    float: left;
    display: block;
    position: relative;
}
#filter-group li.cat,
#filter-group li.date,
#filter-group li.down{margin: 8px 0 0 20px;}
#filter-group li.cat>a{
    background:  url(../images/button_cat.png) no-repeat 0 0;
    display: block;
    text-indent: -9000px;
    width: 99px;
    height: 22px;
    border: 0;
    opacity: .8;
    -webkit-transition: opacity .2s linear;
}

#filter-group li.date>a{
    background: url(../images/button_date.png) no-repeat 0 0;
    display: block;
    text-indent: -9000px;
    width: 71px;
    height: 22px;
    border: 0;
    opacity: .8;
    -webkit-transition: opacity .2s linear;
}
#filter-group li.cat>a:hover,
#filter-group li.down>a:hover,
#filter-group li.date>a:hover{opacity: 1;}
#filter-group li.cat>a:active,
#filter-group li.down>a:active,
#filter-group li.date>a:active{background-position: 0 -22px;}
#filter-group .filter-subgroup {
    visibility: hidden;
    position: absolute;
    top: 22px;
    left: -10px;
    width: 220px;
    padding: 0;
    z-index: 5;
    margin: 0;
    background: url(../images/filter_bg.png) 0 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
}
#filter-group .filter-subgroup li{
    display: block;
    float: left;
    width: 190px;
    color: #888;
    text-shadow: #000 0 -1px 0;
    padding: 10px 0;
}
#filter-group .filter-subgroup li a{
    border: 0;
    color: #bbb;
    padding: 0 0 0 20px;
    -webkit-transition: color .2s linear;
}
#filter-group .filter-subgroup li a:hover{color: #fff;}