.tags{
	margin:0;
	padding:0;
	right:24px;
	list-style:none;
} 
.tags li{
	float: left;
        height: 24px;
        line-height: 24px;
        position: relative;
        font-size: 11px;
        margin: 2px 5px 2px 12px;
        padding: 0 10px 0 12px;
        background: #1f1f2a;
        color: #fff;
        text-decoration: none;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
}
    .tags li:before {
 content: "";
 float: left;
 position: absolute;
 top: 0;
 left: -12px;
 width: 0;
 height: 0;
 border-color: transparent #1f1f2a transparent transparent;
 border-style: solid;
 border-width: 12px 12px 12px 0;
}
    .tags li:after {
 content: "";
 position: absolute;
 top: 10px;
 left: 0;
 float: left;
 width: 4px;
 height: 4px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background: #fff;
 -moz-box-shadow: -1px -1px 2px #ceaa69;
 -webkit-box-shadow: -1px -1px 2px #ceaa69;
 box-shadow: -1px -1px 2px #ceaa69;
}

.tags li, a{
 color:#ffffff;   
}
.tags li, a:hover{
 color:#ceaa69;   
}

.tagsarrondi{
	margin:0;
	padding:0;
	right:24px;
	list-style:none;
} 
.tagsarrondi li{
	float: left;
        height: 34px;
        line-height: 34px;
        position: relative;
        font-size: 11px;
        margin: 2px 5px 2px 12px;
        padding: 0 10px 0 12px;
        background: #dce0eb;
        color: #000000;
        text-decoration: none;
border-radius:15px;
}