@charset "UTF-8";

/*-----------------------------------------------------------------------------
	Base Icon
-----------------------------------------------------------------------------*/

ul.icon, ul.icon li {
	background: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	clear: right;
	list-style: none;
	width: auto;
	height: auto;
	text-align: left;
	overflow: visible;
	position: relative;
	white-space: nowrap;
}

ul.icon li {color: #333; line-height: 20px;}

ul.icon li div,
ul.icon li a {
	background: none;
	color: #fff;
	font-size: 8pt;
	font-weight: normal;
	display: block;
	float: left;
	clear: none;
	height: 20px;
	padding: 0 2px 0 6px;
	margin: 0;
}

ul.icon li div.prefix {
	color: #333;
	background: none;
	font-style: italic;
	padding: 0 1px 0 1px;
	text-align: center;
	width: 16px;
}

ul.icon li div.icon {width: 22px; padding: 0;}
ul.icon li div.right {
	width: 5px;
	padding: 0;
	margin-right: 4px; /* space between icons */
}

/*-----------------------------------------------------------------------------
	Author Icon
-----------------------------------------------------------------------------*/

/*ul.author {clear:right;}*/
ul.author li a, ul.author li div {background: url(../gfx/author.png) repeat-x 0px -20px;}
ul.author li div.icon {background: url(../gfx/author.png) no-repeat 0px 0px;}
ul.author li div.right {background: url(../gfx/author.png) no-repeat -24px 0px;}

/*-----------------------------------------------------------------------------
	Tag Icon
-----------------------------------------------------------------------------*/

/*ul.tag {clear:right;}*/
ul.tag li a, ul.tag li div {background: url(../gfx/tag.png) repeat-x 0px -20px;}
ul.tag li div.icon {background: url(../gfx/tag.png) no-repeat 0px 0px;}
ul.tag li div.right {background: url(../gfx/tag.png) no-repeat -24px 0px;}

ul.tag li a {
	text-transform: capitalize;
}

/*-----------------------------------------------------------------------------
	Date Icon
-----------------------------------------------------------------------------*/

/*ul.date {clear:right;}*/
ul.date li a, ul.date li div {background: url(../gfx/date.png) repeat-x 0px -20px;}
ul.date li div.icon {background: url(../gfx/date.png) no-repeat 0px 0px;}
ul.date li div.right {background: url(../gfx/date.png) no-repeat -24px 0px;}

/*-----------------------------------------------------------------------------
	Comment Icon
-----------------------------------------------------------------------------*/

ul.comment, ul.comment li {float:left; clear:none; width:auto; height: 18px; line-height: 15px;}
ul.comment li div {float:left; clear:none;}
ul.comment li div.left {background: url(../gfx/commentleft.png) no-repeat 0px 0px; width:4px; padding:0; margin:0;}
ul.comment li div.right {background: url(../gfx/commentright.png) no-repeat 0px 0px; width:8px; padding:0; padding-right: 10px; }
ul.comment li div.label {
	background: url(../gfx/commentspacer.png) repeat-x;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 0 4px;
	text-align: center;
	width: 15px;
}