#arttree {
	font-family: Trebuchet MS; 
	line-height: 140%;
}
/* You can play with this elements to change the visual aspect of your listing */
/* General style for year name entries */
#arttree .year {
	color: black;
	background-image:none;
	text-align: left !important;
	font-size: 1em;
	position: relative;
}
#arttree li {
	line-height: 160%;
}

#arttree li ul {
	font-size: 1em; 
	padding: 3px 0 0 0;
	margin: 0;
}
#arttree li ul li {
	display:block;
	padding:0 0 0 10px;
	margin:0;
	background-image:none;
}
#arttree img {
	border:0;
	padding-right: 5px;
}
#arttree .articulos {
	padding-left: 10px;
}
#arttree .articulos a {
	background: url(../img/bullet.gif) no-repeat scroll 0px 50%; 
	color: blue;
	display: block;
	line-height: 120%;
	padding-left: 10px;
	font-size: 0.85em;
	text-decoration: none;
}
#arttree .articulos div.overflowlink {
	background: url(../img/double_down.png) no-repeat scroll left; 
	color: black;
	cursor: pointer;
	padding-left: 40px;
}
#arttree .articulos a.pagelink.less {
	background: url(../img/double_left.html) no-repeat scroll left; 
	color: black;
	padding-left: 40px;
}
#arttree .articulos a.pagelink.more {
	background: url(../img/double_right.html) no-repeat scroll left;
	color: black;
	padding-left: 40px;
}
#arttree li span {
	cursor: pointer;
}
/* Classes for specific types of listings. Changes here affect only to modules
   of the given type (in case you have several instances in a page) */
#arttree.live {
}
#arttree.archive {
}
#arttree.both {
}
/* Classes for LIVE listings */
/* Year data */
#arttree.live div {
}
/* Months listing */
#arttree.live ul {
}
/* Year name for archived listing */
#arttree.archive li {
}
/* Year name for both listing */
#arttree.both li {
}
/* Months listing for live articles */
#arttree li.live {
}
/* Months listing for archived articles */
#arttree li.archive {
}
/* Months listing for both kind of articles */
#arttree li.both {
}