/* sample theme-independent CSS classes, uncomment to use them if you wish :)

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
*/
.hackadelic-sliderPanel {
	border: 1px solid #ccc;
	padding: 5px;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;
}

a.hackadelic-sliderButton {
	border: 1px solid lightgrey;
	color: #008080;
	padding: 0 3px;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;
}
a.hackadelic-sliderButton:hover {
	border: 1px solid #F0F0E0;
	background-color: #F0F0E0;
}
.entry .hackadelic-sliderPanel {
	background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}


/* CSS accordion menu content styling: */
ul.portfolio .hackadelic-sliderPanel {
	/* width: 39em;  skip this if you don't need a width limitation */
}
/* CSS accordion menu title/button styling: */
ul.portfolio a.hackadelic-sliderButton {
	width: 50em; /* skip this if you don't need a width limitation */
	height: 24px; /* skip this if you don't need a specific height */
	background: url(/i/bg/sidebar-button-bg-1.png) left top repeat-x; /* add some cool button background */
	/* color: black; skip this if your link text color looks good on the background image*/
	display: block; /* important: make all slider buttons expand over the whole list */
	margin: 3px 3px; /* skip this if you don't need specific margins */
	text-indent: 1em; /* skip this if you don't need a specific text indentation */
	line-height: 22px;
	font-weight: ;
}
/* CSS accordion menu title/button styling when the mouse hovers over it: */
ul.portfolio a.hackadelic-sliderButton:hover {
	background: url(/i/bg/sidebar-button-bg-2.png) left top repeat-x;
}
/* overall portfolio list styling */
ul.portfolio {
 list-style-type: none; /* if you don't like the bullet points, remove them */
}