#arttree {
	font-family: Trebuchet MS; 
	color: #7d0104;
	margin:0;
	padding:0;
}
/* You can play with this elements to change the visual aspect of your listing */
/* General style for year name entries */
#arttree .year {
	color: #7d0104;
	text-align: left !important;
	font-size: 14px;
	position: relative;
}
#arttree li {
	list-style:none;
}

#arttree li ul {
	font-size: 1em; 
	padding: 3px 0 0 0;
	margin: 0;
}
#arttree li ul li {
	display:block;
	padding:2px 0 2px 10px;
	margin:0;
	background-image:none;
}
#arttree img {
	border:0;
}
#arttree .articulos {
	padding-left: 10px;
}
#arttree .articulos a, #arttree .articulos a:visited{
	background: url(../img/bullet.png) no-repeat scroll 0px 6px; 
	color: #7d0104;
	display: block;
	padding: 3px 0 3px 15px;
	font-size: 11px;
	line-height:11px;
	text-decoration: none;
}
#arttree .articulos a:hover{
	color:#b5282c;
}
#arttree .articulos div.overflowlink {
	background: url(../img/double_down.png) no-repeat scroll left; 
	color: #7d0104;
	cursor: pointer;
	padding-left: 40px;
}
#arttree .articulos a.pagelink.less {
	background: url(../img/double_left.png) no-repeat scroll left; 
	color: #7d0104;
	padding-left: 40px;
}
#arttree .articulos a.pagelink.more {
	background: url(../img/double_right.png) no-repeat scroll left;
	color: #7d0104;
	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 {
	font-size:13px;
}
/* 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 {
}